J'utilise le code HTML suivant pour créer un ng-repeat:
<td ng-repeat="parentCategory in totalParentCategoriesCount | orderBy :"-Count"">
<h3>
<a href="" ng-click="order("CategoryParent{{parentCategory.Count}}")">Kategori</a>
<span class="sortorder" ng-show="predicate === "CategoryParent{{parentCategory.Count}}"" ng-class="{reverse:reverse}"></span>
</h3>
</td>
Je souhaite ajouter le texte CategoryParent
avec le numéro de parentCategory.Count
créer un lien dynamique.
Lors de l’inspection du lien dans le navigateur, j’obtiens le résultat corret qui est CategoryParent0
, CategoryParent1
, CategoryParent2
etc. Mais en cliquant sur le lien, j'obtiens l'erreur suivante:
Error: [$parse:syntax] http://errors.angularjs.org/1.2.16/$parse/syntax?p0=%7B&p1=is%20an%20unexpe…Parent%7B%7BparentCategory.Count%7D%7D&p4=%7B%7BparentCategory.Count%7D%7D
at Error (native)
at http://localhost:51976/Scripts/angular.min.js:6:450
at $a.throwError (http://localhost:51976/Scripts/angular.min.js:165:141)
at $a.parse (http://localhost:51976/Scripts/angular.min.js:164:6)
at $get (http://localhost:51976/Scripts/angular.min.js:96:122)
at http://localhost:51976/Scripts/angular.min.js:129:290
at http://localhost:51976/Scripts/angular.min.js:10:248
at Array.forEach (native)
at q (http://localhost:51976/Scripts/angular.min.js:7:280)
at Uc (http://localhost:51976/Scripts/angular.min.js:10:219)
Sur la page angulaire, cela dit ce qui suit:
Syntax Error: Token "{" is an unexpected token at column 15 of the expression [CategoryParent{{parentCategory.Count}}] starting at [{{parentCategory.Count}}].
J'ai regardé cette réponse Expression AngularJS provoquant une erreur de syntaxe dans ng-click et donc essayé beaucoup de combinaisons différentes dans la méthode order () mais je n'arrive pas à comprendre comment rendre le lien dynamique sans utiliser de crochets.
En ce moment le parentCategory.Count
est un int
mais j'ai aussi essayé de l'analyser en un string
mais sans aucun succès.
Réponses:
3 pour la réponse № 1ng-click
prend déjà une expression angulaire - donc pas besoin de la {{}}
ng-click="order("CategoryParent" + parentCategory.Count)"