Angular指令参数作为对象

时间:2015-05-28 08:37:39

标签: angularjs angularjs-directive

旅行者:)

这是一个例子,因为我认为指令参数应该起作用,但它们并不适用。 http://jsfiddle.net/z1m3gar5/

第一个指令使用

.directive('myDirective1', function () {
    return {
        restrict: 'E',
        scope: {
            options: '@'
        },
        templateUrl: 'MyDirective1.html',
        controller: function ($scope) {},
    }
})
...
<div>{{ options }}</div>

另一个使用

.directive('myDirective2', function () {
    return {
        restrict: 'E',
        scope: {
            options: '='
        },
        templateUrl: 'MyDirective2.html',
        controller: function ($scope) {},
    }
})
...
<div>{{ options.param }}</div>

第一个定义很好,第二个定义没有。我错过了什么?感谢

1 个答案:

答案 0 :(得分:1)

您正在对directive2使用双向绑定,为此您不需要使用{{}}。

<my-directive2 options="dir2"></my-directive2>

它会正常工作!

此处已更新jsFiddle