Javascript Girl
  1. Javascript Girl
  3. Comment ajouter un attribut conditionnel dans Angular 2?
Intereting Posts
Javascript OOP – a perdu cela en rappel asynchrone Importation de mots réservés inattendue dans node.js Quelle est la meilleure référence en ligne javascript / css / html / xhtml / dom? Conversion d'image TIFF Javascript Empêcher le défilement de la page lorsque vous faites défiler un DIV en résolvant l'avertissement dans la console Comment saisir la valeur de retour d'un appel ajax? Herbe comme lissage d'animation sur beziercurve? RegEx – Match Character uniquement quand il n'est pas poursuivi ou suivi du même caractère Changement dynamique – Google Chart Type Trois.JS coupure d'objet? Mongoexport utilisant des contraintes de $ gt et $ lt à une fourchette de dates Comment un javascript asynchrone est-il interprété et exécuté dans Node.js? Comment les fichiers de surveillance grunt dans les sous-dossiers? Problème avec la méthode Javascript onUnload L'utilisateur doit aimer la page avant de visualiser

Comment ajouter un attribut conditionnel dans Angular 2?

Comment puis-je ajouter de façon conditionnelle un attribut d'élément, par exemple, le checked d'une case à cocher?

Les versions antérieures d'Angular avaient NgAttr et je pense que NgChecked qui semblent toutes fournir la fonctionnalité que je souhaite. Cependant, ces attributs ne semblent pas exister dans Angular 2 et je ne vois pas d'autre moyen de fournir cette fonctionnalité.

null supprime: 

 [attr.checked]="value ? '' : null"

ou 

 [attr.checked]="value ? 'checked' : null"

Dans la syntaxe des attributs angulaires-2 est 

 <div [attr.role]="myAriaRole">

Lié le rôle d'attribut au résultat de l'expression myAriaRole.

Peut donc utiliser comme 

 [attr.role]="myAriaRole ? true: null"