角度动态加载基于所选选项卡的选择选项

Question

以下代码根据您选择的选项卡填充选择。我的问题是如何通过api加载选择选项或只是外部来源？

Plunker

Answer 1

从外部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>

Answer 2

查看AngularJS的$ http服务文档
http://code.angularjs.org/1.0.8/docs/api/ng.$http。

有了它，您可以调用内部（或外部）Web服务，该服务可以使用适当的JSON响应响应您的输入（输入是选定的选项卡ID）。

在JavaScript中，您可以预先加载这些值，也可以在单击相应的选项卡时按需加载。