Angularjs 使用括号时有时会出现解析错误
Angularjs parse error sometimes when using brackets
在下面的代码示例中,为什么在锚元素的 ng-click 指令中 position[0].position 周围需要括号,而在 divs 中的 ng-show 指令中不需要?
<div ng-controller="PlayersController as pl">
<section ng-init="tab = 'goalkeepers'">
<li ng-repeat="position in pl.players">
<a href ng-click="tab = {{position[0].position}}">{{position[0].position}}</a>
</li>
</section>
<div ng-repeat="position in pl.players">
<div ng-repeat='player in position' ng-show="tab === position[0].position">
<h2 ng-show='$first'>{{player.position}}</h2>
<h3>{{player.name}}</h3>
<h4>{{player.price | currency: '£': 0}} {{player.score}}</h4>
</div>
</div>
</div>
是否与设置相等性与检查相等性有关?与嵌套的ng-repeat有关吗?
当我在 div 元素的 ng-show 中的相等性检查周围添加方括号时,出现解析错误,为什么?
您不需要 ng-click 属性中的方括号。 Angular 评估属性的值,所以只需 ng-click="tab = position[0].position;"
在 Angular 中,表达式需要在大括号绑定中,其中
Angular 指令没有。
据我们了解,ng-click
是一个指令,您不需要在此处添加花括号。
在下面的代码示例中,为什么在锚元素的 ng-click 指令中 position[0].position 周围需要括号,而在 divs 中的 ng-show 指令中不需要?
<div ng-controller="PlayersController as pl">
<section ng-init="tab = 'goalkeepers'">
<li ng-repeat="position in pl.players">
<a href ng-click="tab = {{position[0].position}}">{{position[0].position}}</a>
</li>
</section>
<div ng-repeat="position in pl.players">
<div ng-repeat='player in position' ng-show="tab === position[0].position">
<h2 ng-show='$first'>{{player.position}}</h2>
<h3>{{player.name}}</h3>
<h4>{{player.price | currency: '£': 0}} {{player.score}}</h4>
</div>
</div>
</div>
是否与设置相等性与检查相等性有关?与嵌套的ng-repeat有关吗?
当我在 div 元素的 ng-show 中的相等性检查周围添加方括号时,出现解析错误,为什么?
您不需要 ng-click 属性中的方括号。 Angular 评估属性的值,所以只需 ng-click="tab = position[0].position;"
在 Angular 中,表达式需要在大括号绑定中,其中 Angular 指令没有。
据我们了解,ng-click
是一个指令,您不需要在此处添加花括号。