$http.jsonp和$scope.watch

<!DOCTYPE html>
<html lang="en" ng-app="sou">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/angular.min.js"></script>
</head>
<body ng-controller="con1">
<input type="text" ng-model="text">
<ul>
<li ng-repeat="s in json">{{s}}</li>
</ul>
<script>
//http://suggestion.baidu.com/su?wd=&cb=
var app = angular.module('sou',[]);
app.controller('con1',function ($scope,$http) {
$scope.text = '';
$scope.json = {};
$scope.$watch('text',function(){
$http.jsonp('http://suggestion.baidu.com/su',
{
params:{
'wd':$scope.text,
'cb':'JSON_CALLBACK'
}
}
).success(function(json){
$scope.json = json.s
}).error(function () {

})
},true);
})
</script>
</body>
</html>
原文地址:https://www.cnblogs.com/qiudongjie/p/6635075.html