javascript - Pase el valor de la casilla de verificación a ng-click de angular

ng-href angular 5

Question

¿Hay alguna forma de pasar a la directiva angular ng-clic en el valor de la entrada asociada?

En otras palabras, lo que debería reemplazar este this.value en lo siguiente:

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

PD. No quiero una solución alternativa para alternar valores, solo me pregunto si es posible pasar un valor de una entrada como argumento a una función angular .

Answer 1

Asignar un modelo ng a él devolverá un valor booleano dependiendo del cambio en él:

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

Es mejor usar ng-change en lugar de ng-click

Answer 2

Hoy quise hacer lo mismo y veo que nadie respondió la pregunta real. Esto va en contra de la filosofía Angular, pero puede reemplazar "this.value" con "$ event.target.checked":

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

Answer 3

Puedes hacer las siguientes cosas:

• Use ng-model si desea vincular un componente html al alcance angular
• Cambie ng-click para ng-change
• Si tiene que vincular algún valor al marcar y ng-true-value="someValue" la casilla de verificación, use ng-true-value="someValue" y ng-false-value="someValue"

El orden de ejecución de ng-click y ng-model es ambiguo, ya que no definen prioridades claras. En su lugar, debe usar ng-change o $watch en $scope para asegurarse de que obtiene los valores correctos de la variable del modelo.

Cortesía de musically_ut

Demo de trabajo

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

Answer 4

Vincule la casilla de verificación a un valor y pásela a ng-click .

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