变化NG-模型之前提交

问题描述：

我有简单的模型，提交形式，都从select我使用的是ng-repeat像这样：变化NG-模型之前提交

'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 end point的人是要求数据在这种格式中：

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

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

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

我想过试图获得在与isDom启动并推入一个outcomes阵列已经被修改成要复制的对象所需要的格式模型中的所有元素。

有没有不同的方式，我可以使用ng-repeat来实现这一点？

答

你可以使用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>

答

尝试使用(key, value)语法在角文档给出。

Key value in ng-repeat

在表达（键，值） - 其中键和值可以是任何用户定义的标识符，和表达是范围表达式，给出的收集来枚举。

For example: (name, age) in {'adam':10, 'amalie':12}.

你的榜样，

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


<select ng-model="isdom.outcomes"> 
    <option ng-repeat="(itemNo, outcome) in isdom.scheduleOptions" value="{{outcome}}">{{outcome}}</option> 
</select>

变化NG-模型之前提交

相关推荐