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

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。