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

Question

I'm trying to use ng-repeat to create my filter menu, with all the modalities inside my timeline.

<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>

The ng-repeat doesn't work but the same output doing manually worked fine. I'm using AngularJS 1.2.9 (unfortunately).

Answer 1

It looks like you're mixing interpolation with two-way binding. Also, you are setting an object reference in the ng-repeat scope which is probably creating a new object reference in that scope which then masks the reference of the same name in the parent scope.

Try defining your object in the parent scope using filterModality = {} and then just change the property value in the ng-click instead of changing the object reference.

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