我被卡住了。不知何故,我無法得到這個工作。我嘗試從一個(仍然是本地的)JSON文件加載一個Web應用程序的數據。這個JSON的部分包含的顏色,看起來像這樣: getJSON和角度模型
{
"colors" : {
"1" : "yellow",
"2" : "green",
"3" : "red"
},
"stuff : {...}
}
我有一些東西,頭一個非常基本的HTML文件。 Scipts被加載到標題中。有趣的部分是這樣的:
<ul ng-controller="ColorController">
<li ng-repeat="(key,value) in colors" value="{{key}}">
{{key}}: {{value}}
</li>
</ul>
相應的JavaScript:
var colors = {
"1": "lyellow",
"2": "lgreen",
"3": "lred"
};
var app = angular.module('test', []);
app.controller('ColorController', function($scope){
$scope.colors = colors;
$.getJSON('data.json')
.then(function(res){
$scope.colors = res.colors;
});
})
我試圖用本地版本的顏色第一,因此變量顏色。這運作良好,併產生了理想的產出。我試圖切換到本地存儲的JSON。 console.log顯示正確的解析。在調試控制檯上,顏色和res.colors看起來一樣。但是頁面上的列表沒有更新。
我想這是時間的東西,但我不確定。有人能指出我正確的方向嗎?
你可以試試'.done'來代替你的'.then'嗎? –
使用'$ http.get'而不是'jQuery' ajax –