2016-03-16 91 views
1

我有以下代碼:我應該在哪裏查看AngularJS中的Console.log結果?

var vocabularies = new MyDataService.myService(); 
vocabularies.success(function (data) { 
    console.log(data);          
}).error(function (data) { 
    console.log(data); 
}); 

在哪裏可以查看數據的值,而不是調試上述代碼的?

+3

在控制檯只有..:d rightClick->在Chrome中點擊視圖區域檢查元素..你瞧... – Ritesh

+0

- >檢查元素 - >來源選項卡。在這裏,你會找到源 –

+0

如果你不想使用開發者控制檯,嘗試使用警報(數據)。 – Aer0

回答

2

您可以將數據分配給$ scope變量。在模板上,您可以查看它。請看下面的代碼:

var vocabularies = new MyDataService.myService(); 
vocabularies.success(function (data) { 
    console.log(data); 
    $scope.viewData = data;          
}).error(function (data) { 
    console.log(data); 
    $scope.viewData = data; 
}); 

,然後在模板:

{{viewData | json}} 

上面會打印在JSON格式,如果它的JSON其他普通的文本

1

如果您要查看本數據在控制檯中,您可以使用鍵盤快捷鍵Ctrl + Shift + J將焦點放在控制檯上。 如果你想在執行過程中看到你的數據,你可以使用alert而不是console.log。

如果你想你的數據綁定到你需要使用HTML

$scope.variable=data; 

那麼你可以通過使用HTML標記的表達你的價值。

{{variable}} 
相關問題