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

注意：你只需要在你的controller中使用$scope.rounds就可以得到fnTopRating()function中的选中项, 您不需要将其作为参数.

传递

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

add text before binded values while using ng-options

html

angularjs

ng-options

angularjs-ng-options