Углового вход флажка нг-клик никогда не называла

Question

В моем угловом приложении, у меня есть форма с CheckBox входами:

<div ng-repeat="partner in type.partners"> 
    <label class="checkbox-inline"> 
     <input type="checkbox" value="partner" 
     ng-checked="report.participatingPartners[$parent.$index].indexOf(partner) !== -1" 
     ng-click="toggleSelection($parent.$index, $index);"> 
     <p><span></span>{{partner.name}}<p> 
    </label> 
</div> 

И в моем контроллере, просто чтобы проверить эту установку:

var vm = this; 
vm.toggleSelection = toggleSelection; 

. ..

function toggleSelection(typeId, partnerId) { 
    console.log("toggleSelection called"); 
    console.log(typeId, partnerId); 
} 

Эта функция никогда не вызывается, когда я нажимаю флажок или его ярлык. Почему это?

Я знаю, что это не синтаксис controllerAs, потому что другие функции работают нормально.

Answer 1

Атрибут, который вы, вероятно, хотите использовать, - ng-change. Директива углового ввода не имеет ng-clicked или ng-checked.

См. docs.

Answer 2

Вы написали ниже код:

ng-checked="vm.toggleSelection($parent.$index, $index);" 

Но это должно быть:

ng-checked="toggleSelection($parent.$index, $index);" 

Просто удалить "VM"

Answer 3

Поставив функцию, которую вы пытаетесь ссылаться в ng-click на $scope, а не на this событие click должно связываться по желанию.

На контроллере ...

$scope.toggleSelection = toggleSelection; 

function toggleSelection(typeId, partnerId) { 
    ... 
} 

На вашем HTML ...

<input type="checkbox" value="partner" 
    ng-click="toggleSelection($parent.$index, $index);"> 

Вот простой Fiddle из него работает.