嗨,我需要创建一个下拉列表,使用跨域填充它。我为它设置了一个网址,但无法找到它无法正常工作的原因。 当网址为json格式时,它的工作没有任何问题,但网址是xml格式。这是我关于API的第一份工作,所以如果有人帮我这个,我会感激不尽......
--- --- index.html的
<!DOCTYPE html>
<html ng-app="App">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
<script src="script.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
<style>
li span.ng-binding {
color: #f00;
}
</style>
</head>
<body>
<div ng-controller="AppCtrl">
<h1>{{val}}</h1>
<select ng-options="p.ProductName for p in Product"></select>
</div>
</body>
</html>
--- ---的script.js
var App = angular.module('App', [])
.controller('AppCtrl', function($scope, AppFact) {
$scope.val = "Testing the Page For CallsBacks";
AppFact.getData(function(Product) {
$scope.Product = Product;
});
})
.factory('AppFact', function($http) {
return {
getData: function(successcb) {
var url = 'http://xxxxxxxxx';
$http.jsonp(url).
success(function(Product, status, headers, config) {
//alert('ji');
console.warn(Product);
successcb(Product);
}).
error(function(Product, status, headers, config) {
//alert(Product);
//alert("Status is " + status);
});
}
};
});
这是我的傻瓜:http://plnkr.co/edit/qq8sELDdZZB5QKe1Pj3T?p=preview
Plz指导我,因为我是API的新手......