Passa valore casella di spunta a ng-clic angolare

Question

C'è un modo per passare alla direttiva angolare ng-clic sul valore dell'ingresso associato?

In altre parole, ciò che dovrebbe sostituire this.value nella seguente:

<input type="checkbox" id="cb1" ng-click="checkAll(this.value)" /> 

PS. Non voglio una soluzione alternativa per alternare i valori, mi chiedo solo se è possibile per passare un valore di un input come argomento a una funzione angolare.

Answer 1

Si possono fare le seguenti cose:

• Usa ng-model se si desidera associare un componente html portata angolare
• Change ng-click a ng-change
• Se si deve associare un certo valore controllando e deselezionando la casella di controllo utilizzare ng-true-value="someValue" e ng-false-value="someValue"

L'ordine di esecuzione di ng-click e ng-model è ambiguo poiché non definiscono priorità chiare. Invece dovresti usare ng-change o $watch su $scope per assicurarti di ottenere i valori corretti della variabile del modello.

Per gentile concessione di musically_ut

Working Demo

<input type="checkbox" id="cb1" ng-model="check" ng-change="checkAll(check)" ng-true-value="YES" ng-false-value="NO"/> Citizen 

Answer 2

Assegnazione di un ng modello ad esso restituirà valore booleano a seconda del cambiamento ad esso:

<input type="checkbox" id="cb1" ng-model="checkValue" ng-change="checkAll(checkValue)" /> 

meglio usare ng-cambiamento, piuttosto che ng clic

Answer 3

Bind la casella di controllo per un valore e passarlo a ng-click.

<input type="checkbox" ng-model="value" id="cb1" ng-click="checkAll(value)" /> 

Answer 4

Oggi ho voluto fare la stessa cosa e vedo nessuno ha risposto alla domanda effettiva. Questo è contro la filosofia angolare, ma si può sostituire "this.value" con "$ event.target.checked":

<input type="checkbox" id="cb1" ng-click="checkAll($event.target.checked)" />