AngularJs ng-repeat - 选择时空白下拉列表

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) {
            });
        }
    };

当我选择产品下拉列表时，将数据

正确加载到窗体中，但产品下拉列表设置为空白。

在此处输入图像描述

Answer 1

乘积的 id 是整数吗？如果是，那么您应该使用ng-value而不是使用简单的value。

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

试试这个。这只是一种解决方法。如果不能解决您的问题，请告诉我。