我想学习如何使用Ionic框架，
我已经制作了一个控制器，可以使用play 2.0作为Web服务器从数据库中获取一些数据。这是我的工厂代码：
.factory('Projects', function($http) {
var projects = [];
return {
getProjects: function() {
$http.defaults.headers.post['Content-Type'] = 'application/json';
return $http({
method: 'POST',
url: 'http://localhost:8101/getProjects',
dataType: 'json',
headers: { 'Content-Type': undefined }
}).success(function(data, status) {
projects= data;
return projects
}).error(function(arg) {
alert("error ");
});
}
}
})
和我的控制器：
.controller('RootsCtrl', function($scope, Projects, $http) {
$scope.projects= Projects.getProjects();
})
这是我的看法：
<ion-view view-title="Projects">
<ion-content>
<ion-list>
<ion-item class="item-remove-animate item-avatar item-icon-right" ng-repeat="project in projects" type="item-text-wrap" >
<h2>{{project.try}}</h2>
</ion-item>
</ion-list>
</ion-content>
</ion-view>
现在，Web服务器仅返回一些虚假数据。
我不明白为什么在我看来为什么没有显示project.try的值，但是存在该行。因此，如果我有两个值，则在html中可以看到两行，但没有它们的“名称”。谢谢
工厂是单例，并返回一个包含服务成员的对象。
.factory('Project', function($http, $log) {
return {
getProjects: getProjects
};
function getProject(){
var config = {
method: 'POST',
url: 'http://localhost:8101/getProjects',
headers: { 'Content-Type': undefined }
}
return $http(config).then(success).catch(failure);
}
function success(resp){
return resp.data;
}
function failure(error){
return error;
}
});
$ http返回一个承诺。
//Controller
.controller('RootsController', function(Project){
var vm = this;
fetchProject();
function fetchProject(){
Project.getProject().then(success, failure);
}
function success(data){
vm.projects = data;
}
function failure(err){
// Error Handling
}
});
您认为：
<ion-item ng-repeat = "project in vm.projects">
{{project}}
</ion-item>
同样在您的州：
controller: 'RootsController as vm' because Ionic has issues with controllerAs syntax.
您还没有发布任何数据吗？而且您只能看到行而不是名字，因为该project对象存在但可能不包含名为try
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句