Question

我正在尝试使用ng-repeat创建我的过滤器菜单，其中包含我的时间轴内的所有模式。

<a ng-click="filterModality = {entry_team.name: '{{modality}}'}" ng-repeat="modality in modalities">{{modality}}</a>

<!-- 
Output 
<a ng-click="filterModality = {entry_team.name: 'Atletismo'}" ng-repeat="modality in modalities">Atletismo</a>
-->


<a ng-click="filterModality = {entry_team.name: 'Atletismo'}">Atletismo</a>

ng-repeat不起作用，但手动工作正常的相同输出。我正在使用AngularJS 1.2.9（不幸的是）。

Answer 1

看起来你将插值与双向绑定混合在一起。此外，您在ng-repeat范围中设置对象引用，该范围可能在该范围中创建新的对象引用，然后屏蔽父范围中相同名称的引用。

尝试使用filterModality = {}在父作用域中定义对象，然后只需更改ng-click中的属性值，而不是更改对象引用。

<a ng-click="filterModality['entry_team.name'] = modality" ng-repeat="modality in modalities">{{modality}}</a>

使用ng-click和ng-repeat创建过滤器菜单

1 个答案: