2016-03-15 2 views
0

я есть связь, которая должна быть отключена, если флажок в не выбран, и он будет включен, когда установлен флажокотключив ссылку в angularJs

<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> 
+0

Пожалуйста, создайте любой скрипку с вашим угловом JS код. –

+1

Другой способ - создать кнопку и сделать ее похожей на ссылку, легко с помощью бутстрапа, тогда вы можете использовать ng-disabled. – Walfrat

ответ

1

Обновление: так как моего ответа было недостаточно, чтобы поставить вас на правильный путь, вот fiddle, показывающий, как можно решить такую ​​проблему.

В этом примере я переключился на элемент button, чтобы разрешить использование ng-disabled, но принцип также работает и с методом привязки (также вы можете легко стилизовать кнопку, чтобы она выглядела как ссылка соответственно).


Отключить this answer по отключению ссылок.

Тогда вы можете указать ng-bind значение флажка для переменной и связать ссылку ng-class с этой переменной - нет необходимости в каких-либо вызовах функций.

+0

Я думаю, что вы говорите ryt, но более конкретно –

+0

несколько по строкам '' и '' – Aides

+0

и в функции щелчка вам нужно будет отключить проверку, как 'function open (param) {if (! disabled) {// do stuff}}' – Aides

0

Не помещайте выражения условий в шаблон. Сделайте это на контроллере.

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

+0

нет, он не работает –

Смежные вопросы