Comment définir l’atsortingbut id d’un élément HTML dynamicment avec angularjs (1.x)?

À condition qu’un élément HTML de type div , comment définir la valeur de son atsortingbut id , qui est la concaténation d’une variable de scope et d’une chaîne?

ngAttr directive ngAttr peut être totalement utile ici, comme ngAttr dans la documentation officielle

https://docs.angularjs.org/guide/interpolation#-ngattr-for-binding-to-arbitrary-atsortingbutes

Par exemple, pour définir la valeur d’atsortingbut id d’un élément div , de sorte qu’il contienne un index, un fragment de vue peut contenir

 

qui serait interpolé à

 

Cette chose a bien fonctionné pour moi:

Une manière plus élégante de trouver ce comportement est simplement:

 

Pour mon implémentation, je voulais que chaque élément d’entrée dans un ng-repeat ait un identifiant unique pour associer l’étiquette. Donc, pour un tableau d’objects contenus dans myScopeObjects, on pourrait faire ceci:

 

Être capable de générer des identifiants uniques à la volée peut être très utile lors de l’ajout dynamic de contenu comme celui-ci.

Vous pouvez simplement faire ce qui suit

Dans votre js

 $scope.id = 0; 

Dans votre template

 

qui rendra

 

Il n’est pas nécessaire de concaténer à l’intérieur des doubles accolades.

Dans le cas où vous en êtes venu à cette question mais liée à la nouvelle version angular> = 2.0 .

 

Si vous utilisez cette syntaxe:

 

Angular rendra quelque chose comme:

  

Cependant cette syntaxe:

 

va générer quelque chose comme: