2013-09-23 166 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中,您可以預先加載這些值,或者點擊相應的選項卡時按需加載。