2013-09-23 125 views
0

以下代码根据您选择的选项卡填充选择。我的问题是我怎么能通过加载选择选项通过API或只是一个外部来源?角度动态加载基于选定选项卡的选择选项

Plunker

+0

那么你可以使用角度的'$ http'服务得到一些JSON - 就是你指的是? –

+0

我更确切地问,不仅仅是机制($ http | restangular | ...) – dre

+0

目的是要看看你是否知道机制和如何使用它 - 如果你已经很熟悉,那么就没有需要解释它(有时提问者已经意识到某种技术,但它不适用于他们的情况等)。你需要一个实际的$ http例子来说明你正在努力完成什么,或者你收到的其他答案是否足够? –

回答

3

从外部API填充选择没有什么不同。当控制器启动时,让它运行并获取选项(或者更好,在控制器初始化之前解决它们)并将该范围变量绑定到select。即

在控制器:

module.controller...function(scope, service) { 

    scope.selectOptions = []; 

    service.get().then(function(response){ 
    scope.selectOptions = response.data; 
    }); 

} 

在视图:

<select ng-model="selectedDocument" ng-options="option.name for option in selectOptions"></select> 
0

退房AngularJS的为$ http服务
http://code.angularjs.org/1.0.8/docs/api/ng.$http文档。

有了它,您可以调用一个内部(或外部)Web服务,该服务可以响应您的输入(输入是选定的标签ID)并带有适当的JSON响应。

在JavaScript中,您可以预先加载这些值,或者点击相应的选项卡时按需加载。