如何将非字符串值传递给Angular指令？

Question

我有一个自定义的角度指令，用图形表示我的webapp中的一个“活动”。我用这样的：

<activity-box ng-repeat="act in activities" 
    model="act" active="{{currentActivity == act}}" /> 

我的指令具有隔离范围，并宣布model和active这样的：

appDirectives.directive('activityBox', function() { 
    return { 
     template: '<div ng-class="{activityActive: active == \'true\'}">{{model.name}}</div>', 
     restrict: 'E', 
     replace: true, 
     scope: { 
      model: '=', 
      active: '@' 
     }, 
     link: ... 
    }; 
}); 

我没有关于model属性担心，但我active属性总是被作为一个字符串。当currentActivity == act为真，则active保持字符串值"true"（而不是布尔值true）或"false"（而不是false）。

这意味着虽然它在概念上是一个布尔值，但我必须将其视为一个字符串。例如，我想写ng-class="{activityActive: active}"而不是ng-class="{activityActive: active == 'true'}"。现在，如果我忘记了额外的部分，这总是评估为真，因为"false"和"true"都是真的。

有没有什么办法让我获得像这样的非字符串属性？达到此目的的最佳方式是什么？

Answer 1

怎么办？

<activity-box ng-repeat="act in activities" 
    model="act" active="currentActivity == act" /> 

scope: { 
      model: '=', 
      active: '=' 
     }, 

刚刚尝试 - 它的工作原理。并且具有约束力，所以如果'currentActivity'或'act'会改变，那么'active'内部指令的值也会改变。

Answer 2

由于代码如上所示，该指令不与您的标签相关联。

默认情况下，指令仅限于属性，并且您试图将其用作元素。

在你的指令添加这一行：

replace: true, 
restrict: 'E', // <--- This line 
scope: { 

编辑 您可以通过定义范围在使用=它链接到父范围，但在你的指令的变化而改变其在活跃标记接受它在你的控制器的范围

active="currentActivity == act" 
scope: { active: '=' } 

但是你可以通过一个字符串接受并使用$parse服务解析它在你的控制器：

active="{{currentActivity == act}}" 
scope: { active: '@' } 
link: function(scope){ 
    var booleanValue = $parse(scope.active)(); 
}