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/を試してください