angularjs - Angular Dynamically load select options based on selected tab

Question

The following code populates a select based on the tab you have selected. My question is how can i do this by loading the select options via api or just an external source?

Plunker

Answer 1

从外部 api 填充选择也不例外。当控制器初始化时，让它用完并获取选项（或者更好的是，在控制器初始化之前解决它们）并将该范围变量绑定到选择。IE

在控制器中：

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 中，您可以预先加载这些值，或者在单击相应选项卡时按需加载。