我正在关注将Pluular实现为MVC的Pluralsight课程。在课程中,教师在angular函数中放置“debugger;”一词来停止代码并查看返回的数据。
当我尝试这个时,我的Visual Studio不会停止。我可以在我的“/ api / CallController”GET()方法中设置一个断点,它将停在那里。所以这告诉我我的Angular代码正在努力实际调用API。我也可以在“/ api / controller”中调试时看到数据,所以应该将它传递给Angular控制器。
我希望能够在Angular代码中调试并实际查看数据。我需要打开一些东西或Visual Studio中需要的NuGet包吗?
这是我的Angular Controller,它应该在函数callList();
中停止(function () {
'use strict';
angular.module('app').controller('CallController', CallController);
function CallController($http) {
var vm = this;
var dataService = $http;
vm.calls = []; //create an array of calls.
//add a call for testing.
vm.call = {
CustomerName: 'Jim Beam',
CustomerPhone: '940-555-1212'
};
callList(); //call the API function to get list of calls
function callList(){
dataService.get("/api/Call")
.then(function(result) {
vm.calls = result.data;
debugger;
},
function (error) {
handleException(error)
});
}
function handleException(error) {
alert(error.data.ExceptionMessage);
}
}
})();
更新
以下是视频的屏幕截图。您可以在Visual Studio中看到它,我假设2015年,他已经停在调试器行并正在查看数据。