Comment effectuer la manipulation DOM Angulaire des composants?
Comment pouvons-nous obtenir des éléments DOM Angulaire (Version 2.x et au-dessus)? Les fonctions de base comme addClass, removeClass, etc ne sont pas accessibles à la machine comment faire ces manipulations DOM angulaire des composants? Veuillez indiquer, le cas échéant. TIA
Vous pouvez utiliser structurels directives, par défaut ou personnalisés. Par exemple, pour ajouter et supprimer des classes, vous devez utiliser *ngClass angular.io/docs/ts/latest/guide/structural-directives.html
merci
merci
OriginalL'auteur Vishal Gulati | 2016-11-07
Vous devez vous connecter pour publier un commentaire.
Vous pouvez atteindre vos éléments DOM en utilisant ViewChild décorateur de cette façon:
et dans votre classe de modèle que vous avez obtenu pour préciser qui est qui sélecteur de
ou vous pouvez utiliser ElementRef classe
Vous êtes libre de les utiliser 3ème partie libs comme Jquery pour addClass, removeClass à l'intérieur de la machine.
OriginalL'auteur omeralper
Ils sont disponibles. Tout ce qui peut être fait en JS peut être fait à la Machine. Vous pouvez également utiliser
jQuery
alors que c'est déconseillé pour être utilisé avec Angular2Quelques explication sur comment pour obtenir une référence à un élément
angulaire 2 /tapuscrit : de l'obtenir d'un élément dans le modèle
Cela étant dit, dans Angular2 vous devriez éviter de modifier le DOM, impérativement, mais au lieu d'utiliser la liaison avec des directives comme
*ngFor
,*ngIf
, ..., contraignant comme[class.class-name']="true"
ou des directives commengClass
.Pour plus de détails, voir https://angular.io/docs/ts/latest/guide/
OriginalL'auteur Günter Zöchbauer