Question

我使用以下html代码创建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>

我希望使用CategoryParent中的数字添加文本parentCategory.Count以创建动态链接。

在检查浏览器中的链接时，我得到了CategoryParent0，CategoryParent1，CategoryParent2等相关结果。但是当点击链接时，我收到以下错误：

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)

在角度页面上，它表示如下：

Syntax Error: Token '{' is an unexpected token at column 15 of the expression [CategoryParent{{parentCategory.Count}}] starting at [{{parentCategory.Count}}].

我一直在查看这个答案AngularJS expression throwing a Syntax error in ng-click，因此在order（）方法中尝试了许多不同的组合，但我无法弄清楚如何在不使用括号的情况下使链接动态化。

目前parentCategory.Count是int，但我也尝试将其解析为string，但没有任何成功。

Answer 1

ng-click已经采用了Angular表达式 - 因此不需要{{}}

ng-click="order('CategoryParent' + parentCategory.Count)"

使用ng-click和ng-repeat的order（）方法中的语法错误

1 个答案: