如何使用AngularJs为选择绑定到模型的选项元素设置title属性？

Question

我的html中的select元素绑定到ng-model。

像这样的例子：

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

我的帐户类型如下所示：

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

一旦模型绑定，我怎样才能使最终标记看起来像这样：

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

PS：jQuery hacks很受欢迎，但我的理想解决方案（jQuery，DOM-modification）更少。

Answer 1

ngOptions目前不支持标题。相反，在选项标签上使用ngRepeat，或者（更难）扩展ngOptions以支持您的需求。

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