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

Question

我有一系列国家对象，并尝试使用选择的 Angular显示下拉列表

选择的 Angular 不支持选项标签的 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>

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

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

示例国家对象：

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

}

Answer 1

只需在字符串中添加空格

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