如何在转发器中使用角度范围变量

时间:2016-04-26 10:01:22

标签: angularjs angularjs-directive angularjs-ng-repeat

我刚开始有角度。我想传递一个对象数组和一个我希望在迭代中显示的对象的特定属性。 我正在尝试创建一个将使用如下的指令:

html 代码

<div ng-controller="MyCtrl">
   <pass-object objects="objs" prop="'value'"></pass-object>
</div>

指令代码:

var myApp = angular.module('myApp',[])
    .controller('MyCtrl', function ($scope) {
        $scope.objs = [{ value: "hello" },{ value: "world" }];
    })
    .directive('passObject', function() {
        return {
            restrict: 'E',
            scope: { objects: '=', prop: '@' },
            template: '<span data-ng-repeat="obj in objects">{{obj[prop]}}</span>'
        };
    });

这在 NOT 中有效,因为无法像这样评估道具值。因为道具应该在重复使用之前进行编译。

在重复之外,我可以将属性显示为带有

的字符串
<span>{{prop}}</span> 

如何评估重复内部的值{{obj [&#34; value&#34;]}}

1 个答案:

答案 0 :(得分:1)

这就是区别:

丙=&#34;值&#34;

<body ng-controller="MainCtrl">
  <pass-object prop="value" objects="objs"></pass-object>
</body>

查看此演示:http://plnkr.co/edit/RhvqyS5aQAYpRDIPAvLE?p=preview