AngularJs NGリピート - 空白のドロップダウン時に

Question

<select class="form-control" ng-init="selectedProduct='0'" ng-model="selectedProduct" ng-change="GetProduct(selectedProduct)"> 
<option value="0" selected>Add New</option> 
<option ng-repeat="p in allProducts" value="{{p.id}}">{{p.name}}</option> 
</select> 

選択これは私のjavascriptのコード

$scope.GetProduct = function (productId) { 
     if (productId > 0) { 
      $http({ 
       method: 'POST', 
       url: '/Admin/GetSelectedProduct', 
       data: { productId: productId } 
      }).then(function successCallBack(successResponce) { 
       $scope.products = successResponce.data; 
       $scope.selectedProduct = $scope.products.id; 
      }, function errorCallback(response) { 

      }); 
     } 
    }; 

私は製品のドロップダウンを選択され、適切にフォームにデータをロードするが、製品が空白に設定ドロップダウン。

enter image description here

Answer 1

製品整数のIDですか？はいの場合は、valueの代わりにng-valueを使用する必要があります。

<option ng-repeat="p in allProducts" ng-value="p.id">{{p.name}}</option> 

これを試してみてください。それは単なる回避策です。問題が解決しない場合は、私にお知らせください。