Question

我正在尝试将数据动态加载到我的选择中，但我似乎做错了，因为它无效。

这是html：

<select class="form-control" ng-options="item.id as item.name for item in travelCompanies" ng-init="getTravelCompanies()">
</select>

这是javascript：

$scope.getTravelCompanies = function() {

TCService.get()
    .success(function (data, status, headers, config) {
        $scope.travelCompanies = data.travelCompanies;
    })
    .error(function (data, status, headers, config) {

    });

};

这是从服务器返回的JSON：

{"travelCompanies":[{"id":1,"name":"AB Travel & Tours","phone_1":"00000001","phone_2":"00000002","address"
:"NONE","email":"ab@gmail.com","website_url":null,"logo_url":null,"is_active":1}]}

我的控制台中没有任何错误或警告，所以我必须做错事我才能看到它。

Answer 1

您应该在ng-modle控件中定义select属性。

尝试以下代码而不是代码。

 <select class="form-control" ng-model="SelectedTravle" ng-options="item.id as item.name for item in travelCompanies" ng-init="getTravelCompanies()">
    </select>

Answer 2

如果上面成功返回 JSON ，请尝试使用此功能。

 <select class="form-control" ng-options="item.id as item.name for item in travelCompanies.travelCompanies"  ng-model="selectedVal">

    </select>

您的模型属性缺失。

选择列表不加载

2 个答案: