异步问题
ajax异步请求数据完数据后给$scope赋值的时候需要检查$scope的数据更新没有。要不然无法绑定数据。
<!DOCTYPE html>
<html ng-app="test_ajax">
<head>
<meta charset="utf-8">
<title></title>
<script src="angular.js" charset="utf-8"></script>
<script src="jquery.js"></script>
<script>
let mod=angular.module('test_ajax', []);
mod.controller('main', function ($scope){
$.ajax({
url: 'arr.txt',
dataType: 'json',
success(res){
$scope.arr=res;
$scope.$apply(); //检查
},
error(){
alert('错了');
}
});
});
</script>
</head>
<body ng-controller="main">
<ul>
<li ng-repeat="a in arr">{{a}}</li>
</ul>
</body>
</html>
$scope.$apply(); //检查
直接用angularjs方法get方法请求数据
<!DOCTYPE html>
<html ng-app="test_ajax">
<head>
<meta charset="utf-8">
<title></title>
<script src="angular.js" charset="utf-8"></script>
<script>
let mod=angular.module('test_ajax', []);
mod.controller('main', function ($scope, $http){
$http.get('arr.txt').then((res)=>{
$scope.arr=res.data;
}, (err)=>{
alert('错了');
});
});
</script>
</head>
<body ng-controller="main">
<ul>
<li ng-repeat="a in arr">{{a}}</li>
</ul>
</body>
</html>