javascript – AngularJS:将对象属性名称传递给指令

我正在编写一个angular.js指令,它是一个对象数组的可重用输入组件.

由于在ng-repeat中不可能使用原始值(参见:What is the angularjs way to databind many inputs?),我必须将一个对象数组传递给组件:

在控制器中我初始化:

$scope.theSimpsons = [{ value: 'Bart' },{ value: 'Lisa' }];

然后在HTML文件中使用它:

该指令本身实现如下:

directive('multiInput',function () {
return {
    restrict: 'E',scope: {
        items: '=items'
    },template:
        '

这一切都很好.

我的问题:如果对象没有值怎么办?

该指令严格编码属性(值)的名称.但是,如果我想要这样的数组:[{name:’Bart’},{name:’Lisa’}].

是否可以传递对象的名称,例如喜欢

并在指令中以某种方式使用它来访问name属性?

这是我创建的JSFiddle http://jsfiddle.net/napU6/5/来显示这个指令.

最佳答案
使用其他属性传递属性的名称

指示

app.directive('multiInput',function(){
  return {
    restrict: 'E',replace: true,scope: {
      items:'=',name: '@'
    },template:'

演示:Plunker

相关文章

kindeditor4.x代码高亮功能默认使用的是prettify插件,prett...
这一篇我将介绍如何让kindeditor4.x整合SyntaxHighlighter代...
js如何实现弹出form提交表单?(图文+视频)
js怎么获取复选框选中的值
js如何实现倒计时跳转页面
如何用js控制图片放大缩小