选择列表未加载

我正在尝试将数据动态加载到我的选择中，但我似乎做错了，因为它不工作。选择列表未加载

这是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":"[email protected]","website_url":null,"logo_url":null,"is_active":1}]}

有没有错误或警告在我的控制台，所以我必须做错了什么，我只是无法看到它。

来源

2015-07-21 user3718908

什么是TCService？ –

'$ scope.travelCompanies'输出成功了吗？它和上面的JSON一样吗？ –

您应该在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>

来源

2015-07-21 12:04:11

哇，这我不知道，我真的以为没关系，我试了一下，现在它可以工作，谢谢。：d – user3718908

如果JSON通过成功返回上方，然后尝试这一个。

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

    </select>

模型属性丢失。

来源

2015-07-21 12:06:17

选择列表未加载

回答

相关问题