Passer une référence à l'objet DOM avec ng-cliquez sur

J'ai plusieurs éléments avec le même rappel sur ng-cliquez sur:

<button ng-click="doSomething()"></button>
<button ng-click="doSomething()"></button>
<button ng-click="doSomething()"></button>
<button ng-click="doSomething()"></button>

//In controller:
$scope.doSomething = function() {
  //How do I get a reference to the button that triggered the function?
};

Comment puis-je obtenir la référence à l'objet qui fait l'appel à doSomething? (J'ai besoin de supprimer un attribut de celui-ci)

Qu'essayez-vous de réaliser? Pourquoi avez-vous besoin de supprimer un attribut? Le point de l'ensemble de AngularJS est le fait que vous n'avez pas à faire de manipulation du DOM.
Chaque bouton permet de basculer l'attribut lecture seule sur des entrées différentes

InformationsquelleAutor jviotti | 2013-06-21

angularjs angularjs-ng-click

21

L'angle moyen est indiqué dans l'angle de docs 🙂

https://docs.angularjs.org/api/ng/directive/ngReadonly

Voici l'exemple qu'ils utilisent:
```
<body>
    Check me to make text readonly: <input type="checkbox" ng-model="checked"><br/>
    <input type="text" ng-readonly="checked" value="I'm Angular"/>
</body>
```
Fondamentalement, l'angle est de créer un modèle objet qui peut contenir de si oui ou non l'entrée doit être en lecture seule, puis de définir cet objet de modèle en conséquence. La beauté du moment cinétique est que la plupart du temps vous n'avez pas besoin de faire de manipulation du dom. Vous avez juste angulaire rendre la vue la façon que votre modèle est défini (laissez angulaire de faire la manipulation du dom pour vous et de garder votre code propre).

Donc, fondamentalement, dans votre cas, vous voulez faire quelque chose comme ci-dessous, ou découvrez cette exemple.
```
<button ng-click="isInput1ReadOnly = !isInput1ReadOnly">Click Me</button>
<input type="text" ng-readonly="isInput1ReadOnly" value="Angular Rules!"/>
```
- Pourquoi la baisse de vote? Si il y a quelque chose qui est faux, j'aimerais apprendre ce que c'est.
- Vous avez raison, en général, mais avec un dominateur cadre comme angulaire parfois, vous voulez savoir comment pirater autour de lui, qui est ce que la réponse à une offre 🙂
- Je comprends de vouloir utiliser une approche différente. Je ne comprends pas une baisse de voter pour un tout à fait valable, et à mon humble avis une meilleure approche.
- +1 pour désigner la meilleure approche. Je suis un peu nouveau angulaire et ça va prendre un certain temps pour faire des choses à l'aide de votre approche. Malheureusement, je vais devoir utiliser l'autre réponse, jusqu'à ce que je migrer mon code..
- upvoted pour une approche différente. Mais encore est-il un moyen de savoir quels éléments de bouton a été cliqué.
- Cela permet de la SORTE, mais il n'a pas répondu à cette question, et, par conséquent, ne devrait pas être accepté de répondre, même si c'était la solution à la SORTE de problème. Je suis venu ici à la recherche d'une réponse à la même question pour une raison valable, et il n'a pas été aidé par votre réponse, car il aborde le problème, pas la question. Pour le plaisir des lecteurs, veuillez répondre à la question posée. Si vous sentez qu'il y a une meilleure solution, fournir une suggestion pour que la solution dans la section des commentaires, et continuer votre discussion avec le chat.
- Lol, si je veux utiliser des informations sur l'élément de courant bouton à l'intérieur de la fonction, comme déclaré dans la question? Votre réponse est pour l'autre question, et il n'a pas de sens à parler de "a mon avis une meilleure approche de la" dans cette affaire. Exemple Possible: Mes boutons sont créés dynamiquement avec ng-repeat et je veux savoir la position dans le document de juste cliqué sur le bouton, ou de ses frères et sœurs. Alors, comment à la meilleure approche peut être applicable?
- Parfois, vous avez besoin de l'événement afin de trouver un autre élément. Pas toujours de manipuler le DOM. Cela est vrai dans les composants qui sont utilisés plusieurs fois sur la même page. On ne se contente pas de sélectionner par classe ou l'id dans ce scénario.
InformationsquelleAutor testing123
213

Pendant que vous effectuez les opérations suivantes, techniquement parlant:
```
<button ng-click="doSomething($event)"></button>
```
```
//In controller:
$scope.doSomething = function($event) {
  //reference to the button that triggered the function:
  $event.target
};
```
C'est probablement quelque chose que vous ne pas envie de faire comme AngularJS philosophie est de se concentrer sur le modèle de la manipulation et de laisser AngularJS faire le rendu (basé sur des notes de l'ensemble des déclarations de l'INTERFACE utilisateur). La manipulation des éléments du DOM et les attributs d'un contrôleur est un gros no-no dans AngularJS monde.

Vous devriez vérifier cette réponse pour plus d'info: https://stackoverflow.com/a/12431211/1418796
- Comment dois-je accomplir cette Angulaire de la sorte? Chaque bouton de bascule de l'attribut lecture seule dans différentes entrées
- Impossible de vous aider précisément sans live exemple de code. Je suppose que la réponse est dans l'utilisation de la ng-readonly directive. Mais je vous propose d'en ouvrir une autre question avec un exemple de code dans le plnkr.co
- Je suppose que $event.currentTarget donne le courant de l'élément dom
- En ce qui concerne votre commentaire sur les pas de DOM manipuler dans un contrôleur, il est parfaitement acceptable dans une directive du contrôleur.
- Je dirais qu'il y a des cas où une telle opération de manipulation du DOM dans la directive contrôleurs est justifiable / la seule façon. Mais cela ne signifie pas que la directive contrôleurs sont libres de faire toutes les manipulations DOM! Nous avons toujours adhérer à AngularJS principes et de faire un minimum de manipulations DOM "à la main". Voir: youtube.com/watch?v=TGmPbWY7gYw
- "La manipulation de DOM éléments et des attributs à partir d'un contrôleur est un gros no-no dans AngularJS monde." Sauf si vous en avez, bien sûr...
- Remarque: Vous n'avez pas à passer $event. Vous pouvez vous contenter de référence event dans votre fonction (sans le $) pour tirer l'information d'événement par exemple event.currentTarget
- Parfois, vous avez besoin de l'événement afin de trouver un autre élément. Pas toujours de manipuler le DOM. Cela est vrai dans les composants qui sont utilisés plusieurs fois sur la même page. On ne se contente pas de sélectionner par classe ou l'id dans ce scénario.
InformationsquelleAutor pkozlowski.opensource

Vous devez vous connecter pour publier un commentaire.