AngularJs - コレクションプロパティからng-modelを設定してください

Question

選択ドロップダウンリストにng-modelを設定すると、この奇妙な問題が発生します。私はng-modelのために使用してい

プロパティ値がng-options内のエントリと一致するようだが、ng-modelは常にnullとして終わります。

これは注文を取得する方法である：order.orderShippingMethod[0].shippingMethodの値は

：

{"shippingMethodId":7,"carrierName":"Russian Post","carrierUrl":"http://www.russianpost.ru/tracking20/English.htm","orderShippingMethod":[]} 

選択リスト

orderService.getMerchantOrders(qs) 
      .then(
      function (response) { 
       $scope.isLoading = false; 
       $scope.pagerService = new pagerService({ 
        page: $scope.pagerService.page, 
        data: response.data.items, 
        total: response.data.total, 
        sortVars: response.data.sort, 
        pageSize: 5 
       }); 
      }, 
      function (error) { 
       if (error.status === 401) { 
        $window.location.href = $scope.returnUrl; 
       } else { 
        //show error message 
        console.log(error); 
       } 
      }); 

はここpagerService.dataは次のようになります。値は次のとおりです。

ありがとうございます。私は非常に多くの初心者ですAngularJs私はそれが非常にシンプルな私はここで行方不明だと感じる！

shippingMethod.carrierName for shippingMethod in shippingMethods track by shippingMethod.shippingMethodId 

が、それは以下に示す項目：

<select class="form-control" name="carrierList" 

ng-model="order.orderShippingMethod[0].shippingMethod" 

ng-options="shippingMethod.shippingMethodId as shippingMethod.carrierName 
for shippingMethod in shippingMethods" required> 

<option value="">Select Carrier</option> 

</select> 

Answer 1

は名前としてngOptions代わりのIDため構文によってトラックを使用し

angular.module('myApp', []) 
 
    .controller('ctrl', function($scope) { 
 
    $scope.shippingMethods = [{ 
 
     "shippingMethodId": 7, 
 
     "carrierName": "Russian Post", 
 
     "carrierUrl": "http://www.russianpost.ru/tracking20/English.htm", 
 
     "orderShippingMethod": [] 
 
     }, 
 
     { 
 
     "shippingMethodId": 8, 
 
     "carrierName": "Persian Post", 
 
     "carrierUrl": "http://www.russianpost.ru/tracking20/English.htm", 
 
     "orderShippingMethod": [] 
 
     } 
 
    ]; 
 
    $scope.order = { 
 
     orderShippingMethod: [{ 
 
     "shippingMethod": { 
 
      "shippingMethodId": 8, 
 
      "carrierName": "Persian Post", 
 
      "carrierUrl": "http://www.russianpost.ru/tracking20/English.htm", 
 
      "orderShippingMethod": [] 
 
     } 
 
     }] 
 
    }; 
 
    })

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="ctrl"> 
 
    <select class="form-control" name="carrierList" ng-model="order.orderShippingMethod[0].shippingMethod" ng-options="shippingMethod.carrierName 
 
for shippingMethod in shippingMethods track by shippingMethod.shippingMethodId" required> 
 

 
<option value="">Select Carrier</option> 
 

 
</select> 
 
<div> 
 
order.orderShippingMethod[0].shippingMethod: {{ order.orderShippingMethod[0].shippingMethod }}</div> 
 
</div>