AngularJS绑定select指令

时间:2013-09-03 16:00:30

标签: javascript angularjs

我在这里有下拉指令LINK

如何为我的编辑和保存表格进行绑定需要一些帮助。

FOR VIEWING / EDIT:如何在关键字指令中指定supplier.statusID?

<tr ng-repeat="supplier in suppliers">
     <td>{{supplier.Id}}</td>                
     <td>{{supplier.Name}}</td>                
     <td>
        <keywords title="Choose Status" label="" array="myKeyword" opt-value="Id" opt-description="Description"></keywords>
        <br />
     </td>
</tr>

FOR ADD NEW RECORD:如何将关键字指令的ID保存到supplier.statusID

<div>Name: <input type="text" />
   <br />
   Status: <keywords title="Choose Status" label="" array="myKeyword" opt-value="Id" opt-description="Description"></keywords><br><button>Save</button>
</div>

1 个答案:

答案 0 :(得分:1)

您只需在指令范围内创建一个名为supplierId的新属性,并将供应商的ID分配给您声明指令的属性

app.directive('keywords', function(){
    return {
        restrict: 'E',
        scope: {
            array: '=',
            supplierId : '='
        },
        template:   '<label>{{label}}</label>' +
                    '<select ng-model="supplierId" ng-options="a[optValue] as a[optDescription] for a in array">'...

在标记中

<td><keywords title="Choose Status" label="" array="myKeyword" opt-value="Id" 
      supplier-id="supplier.Id" opt-description="Description"></keywords>
                    <br />
                </td>

我分叉你的小提琴,让它工作

http://jsfiddle.net/XmbHY/

我希望这会有所帮助。