用于在选项标签中显示键和值的 ngOptions 语法

Question

我有一组国家/地区对象并尝试使用 Angular chosen

显示下拉菜单

Angular chosen 不支持选项标签的 ng-repeat，而是只支持 ngOptions。

我的ngOptions语法如下

<select chosen class="form-control input-lg" name="countryDropdown" id="countryDropdown"
ng-options="option.name+option.d_code for option in loginCtrl.countryData track by option.code"
ng-model="loginCtrl.selectedOption">

 </select>

我想同时显示国家名称和代码，即 India IN，但它们之间没有显示 space，即 INDIA+91，

如何在名称和代码之间添加 space？

示例国家/地区对象：

{
   name: India,
   d_code: +91,
   code: IN

}

Answer 1

只需在字符串中添加 space

ng-options="option.name+' '+option.d_code for option in loginCtrl.countryData track by option.code"

用于在选项标签中显示键和值的 ngOptions 语法

ngOptions syntax for displaying key and value in option tag

angularjs

angularjs-directive

angular-chosen