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>

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

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

1 个答案: