javascript - 提交前更改 ng-model

Question

我有一个简单的模型，提交的表单全部来自 select 我正在使用 ng-repeat ，如下所示:

 'Ctrl'
 isdom.scheduleOptions = ['Pass', 'N/A'];
 'html'
 <select ng-model="isdom.isdomForm.isDom101">
   <option ng-repeat="option in isdom.scheduleOptions" value="{{option}}">{{option}}</option>
 </select>

构建api端点的人正在请求以下格式的数据:

"outcomes": [
     { "itemNo": "is11", "outcome": "Pass" }
     ,
     { "itemNo": "is12", "outcome": "Pass" }...

当我的模型是这样的时候，我该如何做到这一点？

{
 "isDom11": "N/A",
 "isDOm12": "Pass",...
}

我考虑尝试获取模型中以 isDom 开头的所有元素，并将它们推送到 outcomes 数组中，该数组已修改为对象以复制格式必填。

是否有其他方法可以使用 ng-repeat 来实现此目的？

Answer 1

您可以使用ng-options来填充select。

参见:ngOptions或select

所以它应该是这样的:

$scope.isdom.scheduleOptions = [
     { "itemNo": "is11", "outcome": "N/A" }
     ,
     { "itemNo": "is12", "outcome": "Pass" }
  ];

<select ng-model="isdom.isdomForm.isDom101"
        ng-options="item as item.outcome for item in isdom.scheduleOptions track by item.itemNo"></select>