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

前端之家收集整理的这篇文章主要介绍了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

猜你在找的JavaScript相关文章