如何在angularjs中获取li的值?

时间:2015-07-04 06:28:38

标签: angularjs angularjs-scope angularjs-ng-repeat

HTML

<div ng-app ng-controller="MyCtrl">
<ul class="ul_nav">
    <li ng-repeat="teams in teamArray"  ng-click="changeClass('{{ teams.team_name }}')">
        {{ teams.team_name }}
    </li>
 </ul>
</div>

**Js**

function MyCtrl($scope) {    
    $scope.changeClass = function(value){
        alert(value);
    };
    $scope.teamArray = [
        {team_name: 'team 1'},
        {team_name: 'team 2'}
    ];
}

在这里我可以列出li项目。但是当我点击li时,警告框会显示&#34; {{teams.team_name}}&#34;而不是团队名称。如何提醒团队名称(例如:tem1 / team2)。 JSFIDDLE

1 个答案:

答案 0 :(得分:2)

ng-click expect和angular expression。您不能在已经是角度表达式的内容中使用{{

changeClass(teams.team_name)

您还应避免将复数形式用于单个值。变量teams应命名为team,因为它包含单个团队。