javascript - 如何使用 AngularJs 为绑定(bind)到模型的选择中的选项元素设置 title 属性？

Question

我的 html 中有一个 select 元素绑定(bind)到 ng-model。

类似这个例子:

<select data-ng-model="accountType" data-ng-options="at.name for at in accountTypes">  </select>

我的 accountTypes 看起来像这样:

accountTypes:[
   { name:'Individual', value: 1, title: 'Individual Account'},  
   { name: 'Joint', value: 2, title: 'Joint Account'}
];

一旦绑定(bind)了模型，我怎样才能使最终标记看起来像这样:

<option value="1" title="Individual Account">Individual</option>
<option value="2" title"Joint Account">Joint</option>

PS:感谢 jQuery hacks，但我理想的解决方案是少一些(jQuery、DOM 修改)。

Answer 1

ngOptions 目前不支持title。相反，在选项标签上使用 ngRepeat，或者(更难)扩展 ngOptions 来支持您的需求。

<select ng-model="accountType">
    <option ng-repeat="at in accountTypes" value="{{ at.value }}" title="{{ at.title }}"></option>
</select>