Angularjs - désactivation ET en décochant une case est cochée

J'ai un ensemble complexe de cases à cocher dans les groupes rempli avec les données de tableaux multidimensionnels et il y a certaines choses qui doivent se produire avec eux... j'ai extrait le minimum de ce que j'ai besoin donc je vais essayer d'expliquer

Dans ce violon

http://jsfiddle.net/EVZUV/

la première case à cocher est activée et que le deuxième est désactivé. Lors de la première case est cochée, le second devient permis. Ce que j'essaie de le faire est de cocher la deuxième case si elle est de nouveau désactivé lorsque la case n'est pas cochée.

Voici le code que j'ai qui fonctionne presque

<input type="checkbox" ng-model="disablelist" ng-click="checkitems">Check this box to enable the other.. <br><br>
<input type="checkbox" ng-disabled="!disablelist" ng-checked="checkitems">When this checkbox is disabled it also must get unchecked

Je suis juste en train de intong-js et certaines idées sont assez "whaaa .." pour moi,, mais il semble bien, donc je suis persistant pour l'instant.

Merci!!

OriginalL'auteur GRowing | 2013-11-13

  1. 13

    Solution Simple ici: http://jsfiddle.net/7mKtF/2/

    HTML:

    <div ng-app="myApp">
    <input type="checkbox" ng-model="disablelist">Check this box to enable the other.. <br><br>
    <input type="checkbox" ng-disabled="!disablelist" ng-checked="disablelist && 0">When this checkbox is disabled it also must get unchecked
</div>

    JS:

    var app = angular.module('myApp', []);

    En gros, j'ai mis à jour votre ng-checked déclaration d'inclure le disablelist de la propriété. En utilisant la logique booléenne, la deuxième case la valeur false si disablelist est faux.

    EDIT:

    Également intéressant de noter que la façon dont vous actuellement votre ng-click de liaison ne fait pas faire quoi que ce soit. Vous pouvez utiliser ng-click pour appeler une fonction de la variable, à l'aide de l'argument entre parenthèses.

    Merci!!!! J'ai été terrés au cours de la ng-cliquez sur pour commencer avec, et je vous remercie de votre entrée. Si je peux demander, où serait le plus facile pour commencer à entrer dans angulaire (parce que j'ai ma constatation que la documentation ne fait pas beaucoup pour moi)
    Pour moi, honnêtement, je crois que j'ai utilisé l'angle de la page d'accueil - Angulaire de la documentation est assez rude dans les régions, mais j'ai joué un peu avec des exemples sur la page d'accueil qui m'ont assez loin pour y aller. (Je suppose qu'il a permis que je travaille aussi sur une société de code qui est écrit de nombreux articles dans Angulaire, donc j'ai eu beaucoup de bons exemples.)
    Je suppose qu'il s'agit dowbn à jongler avec des exemples. Merci beaucoup.
    Auriez-vous l'esprit pour expliquer ce qu'est && 0 faire là?
    C'est l'équivalent de l'opérateur booléen "false", voilà ce que cela donne. Lorsque disableList est changé, Angulaire permettra d'évaluer l'engagement et le lire comme (true && false), qui a la valeur false, la désactivation de la case à cocher.

    OriginalL'auteur jedd.ahyoung

  2. 4

    Vous pouvez le faire par l'affectation d'un modèle à votre deuxième case, puis de le réinitialiser lorsque vous cliquez sur la première case.

    HTML :

    <input type="checkbox" ng-model="disablelist" ng-click="otherOption = false" /> Check this box to enable the other..
<input type="checkbox" ng-model="otherOption" ng-disabled="!disablelist" ng-checked="!!otherOption && !disableList" /> When this checkbox is disabled it also must get unckeched

    Vérifiez le résultat dans ce jsFiddle

    Merci pour l'entrée. Bien que pas tout à fait le faire dans le cadre de mes plus grandes app, j'ai appris quelque chose de nouveau.

    OriginalL'auteur meriadec