禁用angularJs中的链接

Question

我有链接，当未选中复选框时应该禁用该选项，并且当选中复选框时将启用它

 <div class="col-md-3" >
     <span class="linkLayout">
          <a ng-click="open(calDay.dayNum)" >Add timeblock</a>
     </span>
</div>

和复选框

<div class="checkbox">
    <label class="i-checks">
       <input type="checkbox" checklist-model="calendar.workingDays"  
        checklist-value="calDay.dayNum" ng-change="selectDay(calDay.dayNum)" ><i></i>{{calDay.dayName}}
    </label>
</div>

Answer 1

更新，因为我的回答不足以让您走上正轨，这里有一个fiddle，展示了如何解决这样的问题。

在这个例子中，我已经切换到button元素以允许ng-disabled的使用，但原理也适用于锚方法（也可以轻松地将按钮设置为看起来像分别是一个链接。

在禁用链接时查看this answer。

然后你可以ng-bind变量复选框的值，并将链接的ng-class绑定到该变量 - 不需要任何函数调用。

Answer 2

不要在模板中放置任何条件表达式。 在控制器处进行。

$scope.open = function(daynum) { if (daynum) { //code of function } }