AngularJS ng-options Ajax默認選擇選項

如何根據ng-options中的ajax結果設置默認值？AngularJS ng-options Ajax默認選擇選項

<select ng-model="model.stuff" ng-options="o.name for o in options track by o.id"></select>

然後在我的控制器我有

$http.get("myurl").then(
    // On Success 
    function(response) { 
     $scope.options = response.data; 
    }, 
    // On Error 
    function(error) { 
     console.log("ERROR"); 
    } 
);

實例數據會是這樣

[ 
    { 
    "id": 1, 
    "name": "Foo" 
    }, 
    { 
    "id": 2, 
    "name": "Bar" 
    } 
]

時，在我的控制器其他的東西被激活，這得到的是觸發，我的選擇列表中正確填寫，我所有的選擇。

但有時我需要在加載ajax數據後設置默認值。例如，我需要從我的數據數組中加載id 1。

這並不意味着加載response.data[1]這意味着我必須在response.data之內進行搜索並尋找具有id: 1的項目。這適用於這種方法

function getArrayIndex(key, source){ 
    for (var i = 0; i < source.length; i++) { 
     if (source[i].id == key) { 
      return i; 
     } 
    } 
}

這會告訴我，response.data[0]有id: 1所以我想用它作爲我的默認選擇的值時，AJAX加載我的數據。

我該如何做到這一點？

我讀過一些其他的問題，但我沒有什麼工作......我試過設置ng-init與id值和整個object但不工作...

來源

2015-10-14 Robert W. Hunter

的解決方案是在這裏將以下內容添加到您的控制器。

$scope.model = { stuff: null }; 

$scope.$watch('options', function() { 
    if ($scope.options) { 
    $scope.model.stuff = $scope.options[0].name; 
    } 
});

要匹配您的示例，請將$ scope.model設置爲具有「stuff」鍵的對象。當$ scope對象的「選項」更改時，$ watch將觸發。 'if'語句確保如果'options'被設置爲null，則不會發生錯誤。

有關$ watch的更多信息，請參閱$scope documentation

來源

2015-10-30 03:40:45

AngularJS ng-options Ajax默認選擇選項

回答

相關問題