Question

我有一个选择，其中我通过get方法绑定数据库中的数据。在select中完美地绑定数据。但是当我选择其中一个选项时，它会消失。任何帮助都会有所帮助。

这是我的HTML代码：

<select class="form-control" ng-model="MainCategory" ng-options="main.Name for main in MainCategory track by main.ID" placeholder="Select Main Category">
                            <option value=""></option>
                        </select>

这是我的控制器代码

 var baseURL = 'http://localhost:50928/api/ProductAPI/';
var MainCategory = [];
url = baseURL + "GetMainCategoryList";
$http.get(url)
     .success(function (data) {
         $scope.MainCategory = data;
         console.log(data);

     }).error(function (data) {
         console.log(data);

     });

Answer 1

您的ng-options数据为MainCategory，您的ng-model也绑定了该数据。这意味着选择选项只会将数据转换为一个值 - 您选择的选项。在您的情况下，您应该有一个数据属性，让我们说 - categories。像这样：

ng-options="main.Name for main in categories track by main.ID"

此外，您将在控制器中保留所选类别的另一个属性，ng-model将绑定到该属性：

ng-model="selectedCategoty"

选择时，下拉值消失

1 个答案: