Angularjs在下拉列表中填充选定选项的相应值

时间:2014-03-31 23:57:11

标签: javascript jquery angularjs

我将数据以下列格式传递给我的视图

id名称颜色类型 1福特红色sdean 2.尼桑蓝卡车 ........

下拉列表按名称填充

<tr  ng-repeat="p in allautos">                                        
    <td>
         <select  ng-model="p.id"  ng-options="c.id as c.name for c in records"></select>
     </td>
     <td>
         <input type="text" ng-model=p.color />
    </td>
    <td>
         <input type="text" ng-model=p.type />
    </td>
</tr>

我想要做的是在下拉列表中选择名称时,我希望在颜色和类型的输入字段中填充相应的值。请告诉我实现这一目标的最佳方法。谢谢

1 个答案:

答案 0 :(得分:3)

我认为你正在寻找这个:

<select ng-model="p" ng-options="c.name for c in records track by c.id"></select>

http://plnkr.co/edit/m9ubFrYdAgPXMGhfri79?p=preview

这使用tracking expression来帮助角度匹配选项数组中的auto。