html - 如何将以下对象与以下模型绑定？

Question

这是我的对象

$scope.status = [{ "code": "CNA", "name": "Consignee Not Available" }, { "code": "TBD", "name": "To Be Delivered" }, { "code": "CRA", "name": "Consignee Refused To Accept" }, { "code": "D", "name": "Delivered" } ]

我的HTML如下

<select ng-options="status.name for status in status" ng-model="awb.delivery_fail_reason"> <option value="">Please Select Status</option> </select>

所以我想要的是

1. 当用户选择状态时，To be Delivered 我的模型变量 awb.delivery_fail_reason应设置为TBD
2. awb.delivery_fail_reason什么时候模型TBD应该自动将选择设置为To Be Delivered 这可能吗？

Answer 1

尝试

status.code as status.name for status in status

Answer 2

在 html 中进行如下更改

  <select ng-model="awb.delivery_fail_reason">
              <option value="">Please Select Status</option> 
              <option ng-repeat="s in status" value="{{s.code}}">{{s.name}}</option>

              </select>

尝试小提琴 http://jsfiddle.net/U3pVM/1489/