（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); }); }]);
新闻热点
疑难解答
