Attributs dynamiques avec AngularJS

Dans certains cas, j'ai besoin d'appliquer les différents attributs d'un nœud en fonction de leurs propriétés dans mon modèle.

Par exemple, dans un cas, j'ai besoin d'ajouter un "obligatoires" de la balise et dans un autre cas non. J'ai été en utilisant ng-si avec les différentes branches d'accomplir cela, mais les cas sont sortir de la main rapidement.

 <div ng-if="model.required">
    <input class="form-control"
           type="text"
           required 
           ng-model="model" />
 </div>
 <div ng-if="!model.required">

    //as different options arise,
    //i have more forks for each attribute combo

    <input class="form-control"
           type="text"
           ng-model="model" />
 </div>

Est-il une meilleure façon de dynamique appliquer des attributs de nœuds?

source d'informationauteur amcdnl

  1. 13

    J'ai rapidement créé une directive qui permet de spécifier les attributs de façon dynamique.

    http://jsfiddle.net/HB7LU/1806/

    Je ne sais pas si il aura l'effet désiré, vous êtes après, dans cette forme simple, mais il pourrait être un bon point de départ. Vous utilisez essentiellement:

    <div dyn-attrs="someModelArray"></div>

    Et de définir votre modèle en conséquence:

    $scope.someModelArray = [
    { attr: 'myattribute', value: '' },
    { attr: 'anotherattribute', value: 'val' }
];
  2. 4

    Dans ce cas, il serait préférable de faire usage de ngRequired:

    <input class="form-control" type="text" ng-required="model.required" />