（2）點擊source，右邊會出現工程的相關代碼文件， 點擊打開要準備斷點調試的js文件--->點擊右邊行號（行號會變成藍色標簽箭頭，代表斷點設置成功，再次點擊則可以取消），如下所示：
（3）斷點打好之后，按F5刷新頁面，代碼會從頭開始重新執行一遍，這時候會在斷點出暫停。上圖中的調到下一個斷點的標志會變藍，點擊則會調到下一個斷點，下一行標志也會變成黑色，這是時候把鼠標放在斷點前的代碼變量上可以看到變量的值。如下所示：
完整例子在附件中代碼：var myApp = angular.module("myApp",[]);myApp.controller("mainController",['$scope','$http',function ($scope,$http) { /*數據地址支持get/post兩種請求方式，新聞數據接口 * 挑選了一個傳參數最簡單的接口， * 參數形式：{"type":"top"}, * 字段釋義：type：類型；取值是固定的字符串：top(頭條，默認),shehui(社會),guonei(國內), * guoji(國際),yule(娛樂),tiyu(體育)junshi(軍事), * keji(科技),caijing(財經),shishang(時尚), * */ $scope.url = "http://v.juhe.cn/toutiao/index?key=0e2569421e1e28441082a50c1518a893"; $scope.fromHttpData = {data:""};//接收請求到的數據 /*普通請求方式*/ /* var promise = $http({ url:$scope.url, method:"GET",//這里可以換成POST，一樣會成功請求數據 params:{"type":"shishang"}//這個type值可以換成上面提供的其他值 }); promise.success(function (data,status,header,config) { $scope.fromHttpData.data = angular.toJson(data); }); promise.error(function (data,status,header,config) { alert("錯了："+data);//瀏覽器跨域了，網絡正常這句一般就不會執行了 });*/ // 快捷方式 /* var par = {type:"shehui"}; $http.post($scope.url,null,{params:par}).success(function (data) {//其他數據參數需要的就寫在參數列表里，這里我只用返回的數據，就留一個參數 $scope.fromHttpData.data = angular.toJson(data); }).error(function (data) { alert("錯了："+data); });*/ var par = {type:"shishang"}; $http.get($scope.url,{params:par}).success(function (data) {//其他數據參數需要的就寫在參數列表里，這里我只用返回的數據，就留一個參數 $scope.fromHttpData.data = angular.toJson(data); }).error(function (data) { alert("錯了："+data); }); }]);
新聞熱點
疑難解答
