Question

我有一些从数据库填充的选择字段以及一些按钮。

<td class="col-md-1" colspan="1" style="text-align: center; vertical-align: middle;">
    <button class="btn btn-primary" data-ng-click="removeContract(name.value, contractIndex)">button</button>
</td>
<td class="col-md-5" colspan="5">
    <label class="control-label">{{item.fields[132].displayName}}</label>
    <select size="5">
        <option data-ng-repeat="name in entities[0].itemAttrs">{{name.value}}</option>
    </select> 
</td>

使用ng-repeat由数据库填充select。按下按钮时，会运行removeContract（），我想在选择字段中传递当前选中的选项。

我尝试传递name.value，但由于按钮位于ng-repeat之外，因此无法理解。我该如何解决这个问题？

Answer 1

将模型放在控制器属性的选择元素上（include a dot不是绝对必要的，但这是避免混淆范围场景的好习惯），并将其传递给您的函数：

<td ...>
    <button data-ng-click="removeContract(ctrl.selectValue, contractIndex)">button</button>
    <!-------------------------------------------^ -->
</td>

<td class="col-md-5" colspan="5">
    <label ...>{{item.fields[132].displayName}}</label>
    <select size="5" ng-model="ctrl.selectValue">
    <!--------------------------------^ -->
        <option data-ng-repeat="name in entities[0].itemAttrs">{{name.value}}</option>
    </select>
</td>

https://docs.angularjs.org/api/ng/directive/select

将当前选定的字段传递给按钮的javascript调用

1 个答案: