javascript - 选择列表未加载

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

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

尝试下面的代码而不是您的代码。

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