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？如果是，那麼你應該使用ng-value而不是簡單的value。

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

試試這個。這只是一個解決辦法。請讓我知道如果它不能解決您的問題。