AngularJS: je ne Peux pas définir la valeur d'une variable sur ng-click?

J'ai un modal qui utilise ng-show="prefs" pour déterminer la visibilité.

Mon désir est d'utiliser le bouton fermer la modale de définir $champ d'application.préf. de faux et d'utiliser une balise d'ancrage pour fixer la valeur à true. Cependant, tout ce que je peux trouver sur google utilise une case plutôt que de balises d'ancrage.

Est-il un moyen d'utiliser ng-cliquez sur pour définir une variable à false?

  • à la fois à l'intérieur des citations ... c'était ce qui me manquait. Merci!
  • Je sais que c'est exactement un an plus tard, mais vous avez dit sur votre propre réponse, pas @tymeJV de l'.... J'ai pensé qu'il était drôle.
InformationsquelleAutor jgravois | 2014-04-17
  1. 89

    Viens de faire:

    ng-click="prefs = false"
    • si je veux mettre la valeur de deux variables, par exemple: "prefs = false" et "refr = true", alors comment puis-je le faire? @tymeJV
    • false; refr = true;"
    • comment faire pour modifier la valeur de la variable conditionnellement comme si pref est vrai, alors que le changer pour de faux
    • cela ne fonctionne pas pour moi, le faire seulement dans le contorller (voir msarchets réponse) - t-il. aucune idée de pourquoi cela pourrait se produire?
    • Eu le même problème. Je ne sais pas pourquoi, mais quand j'utilise un objet, il fonctionne. ng-click="foobar.prefs = false"
    • Probablement une portée héritage question, lire: github.com/angular/angular.js/wiki/Understanding-Scopes - cela vaut vraiment la peine.
    • comme @tymeJV dit que c'est probablement un problème de portée. À l'aide d'une propriété de l'objet plutôt que le champ d'application de la var en ligne droite corrige ce comportement. Habituellement, il se produit lors de l'utilisation de ng-repeat que cette directive crée un nouveau champ d'application.
    • vous pouvez le définir comme ng-click="refr = !prefs" ou ng-click="refr = prefs == true ? false : true"

    InformationsquelleAutor tymeJV
  2. 23

    Tandis que @tymeJV a donné une réponse correcte, la façon de faire pour être en ligne avec angulaire serait:

    ng-click="hidePrefs()"

    et puis dans votre contrôleur:

    $scope.hidePrefs = function() {  
  $scope.prefs = false;
}
    InformationsquelleAutor msarchet
  3. 2

    Vous pouvez utiliser quelque chose comme ceci

    HTML:

    <!DOCTYPE html>
<html>

<head>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
</head>

<body>
  <div ng-app="" ng-init="btn1=false" ng-init="btn2=false">
    <p>
      <input type="submit" ng-disabled="btn1||btn2" ng-click="btn1=true" ng-model="btn1" />
    </p>
    <p>
      <button ng-disabled="btn1||btn2" ng-model="btn2" ng-click="btn2=true">Click Me!</button>
    </p>
  </div>
</body>

</html>

    InformationsquelleAutor Bhawna Malhotra
  4. 1

    Si vous êtes en utilisant les dernières versions de Angulaire (2/5/6) :

    Dans votre composant.ts

    //x.component.ts
prefs = false;

hidePrefs(){
   this.prefs = true;
}
    InformationsquelleAutor magerine