如何将多个属性传递给Angular.js属性指令？

Question

我有一个属性指令，其限制如下：

 restrict: "A"

我需要传递两个属性；一个数字和一个函数/回调，使用attrs对象在指令中访问它们。

如果指令是元素指令，那么"E"我可以限制为：

<example-directive example-number="99" example-function="exampleCallback()">

但是，出于某种原因，我不再赘述，我需要将该指令作为属性指令。

如何将多个属性传递到属性指令中？

Answer 1

该指令可以访问在同一元素上定义的任何属性，即使该指令本身不是该元素也是如此。

模板：

<div example-directive example-number="99" example-function="exampleCallback()"></div>

指示：

app.directive('exampleDirective ', function () {
    return {
        restrict: 'A',   // 'A' is the default, so you could remove this line
        scope: {
            callback : '&exampleFunction',
        },
        link: function (scope, element, attrs) {
            var num = scope.$eval(attrs.exampleNumber);
            console.log('number=',num);
            scope.callback();  // calls exampleCallback()
        }
    };
});

[fiddle](http://jsfiddle.net/mrajcok/wTz4b/)

如果attribute的值example- number将被硬编码，则建议使用$eval一次并存储该值。变量num将具有正确的类型（数字）。