使用ng-options时，在绑定值之前添加文本

Question

我有一个场景，我需要在下拉列表中显示带有绑定值和一些文本前缀的选项 HTML：

    <select ng-model="rounds" ng-change="fnTopRating(rounds)" class="col-xs-4" ng-options="rounds for rounds in [1,2,3,4]">
       <option value=''>round wise</option>
       <option>Round {{rounds}}</option>
    </select>

但在这里我没有得到第1轮，第2轮......在下拉中而不是我得到1,2,3,4 ......

我不清楚发生了什么。 任何帮助表示赞赏。

Answer 1

嗯，首先你的语法有点不对劲。我建议您查看docs。

要在选项中添加前缀，您应该使用单引号，如下所示：

<select ng-model="rounds" ng-change="fnTopRating()" class="col-xs-4" ng-options="'round ' + r for r in [1,2,3,4]">
   <option value label="round wise"></option>
</select>

注意：您只需在$scope.rounds中使用controller即可获取fnTopRating() function中的所选项目，而不是{39}} ; t需要将其作为参数传递。