Javascript 控制器中的angularJS函数没有响应 AngularJs ng单击没有响应
我正在尝试使用GitHub搜索API。 当有人点击按钮时,我的控制器应该从github调用搜索,这是我的代码 HTML: 但我的回购协议数组仍然是空的 当我用警报交换Javascript 控制器中的angularJS函数没有响应 AngularJs ng单击没有响应,javascript,json,angularjs,Javascript,Json,Angularjs,我正在尝试使用GitHub搜索API。 当有人点击按钮时,我的控制器应该从github调用搜索,这是我的代码 HTML: 但我的回购协议数组仍然是空的 当我用警报交换$http.get时,它工作正常。您忘记关闭(在$scope.repos=data['items'];}之后),并定义ng app,在本例中,它可以位于: 原因可能是跨域调用。使用JSONP调用github $http.jsonp('https://api.github.com/search/repositories?q='+$sc
$http.get
时,它工作正常。您忘记关闭(
在$scope.repos=data['items'];}
之后),并定义ng app
,在本例中,它可以位于
:
原因可能是跨域调用。使用JSONP调用github
$http.jsonp('https://api.github.com/search/repositories?q='+$scope.param+'&callback=JSON_CALLBACK'+).success(function(data) {
$scope.repos = data['items'];
}
回调方法可能不同,所以请看这些so帖子
在HTML中
<head ng-app="RepoSearch">
<script src="js/AngularJS/angular.min.js"></script>
<script src="js/Controller/RepoController.js"></script>
</head>
<body ng-controller="RepoController">
<input type="text" ng-model="param" /><button ng-click="search()">suchen</button>
<ul>
<li ng-repeat="repo in repos">
{{repo.name}}
</li>
</ul>
</body>
我在html标记中定义了ng应用程序,但我无法将其插入代码部分:D
$http.jsonp('https://api.github.com/search/repositories?q='+$scope.param+'&callback=JSON_CALLBACK'+).success(function(data) {
$scope.repos = data['items'];
}
<head ng-app="RepoSearch">
<script src="js/AngularJS/angular.min.js"></script>
<script src="js/Controller/RepoController.js"></script>
</head>
<body ng-controller="RepoController">
<input type="text" ng-model="param" /><button ng-click="search()">suchen</button>
<ul>
<li ng-repeat="repo in repos">
{{repo.name}}
</li>
</ul>
</body>
var App = angular.module('RepoSearch', []);
//bind controller with your app
App.controller('RepoController',RepoController);
function RepoController($scope, $http) {
$scope.repos = [];
$scope.search = function() {
$http.get('https://api.github.com/search/repositories?q='+$scope.param).success(function(data) {
$scope.repos = data['items'];
}
}
}