Angularjs 如何在我的控制器中访问post?
我怎么可能做到Angularjs 如何在我的控制器中访问post?,angularjs,Angularjs,我怎么可能做到$scope.post=post并且我不必做$scope.post=posts.post app.js angular.module('flapperNews', ['templates','ui.router']) .config([ '$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) { $stateProvider .state('home',
$scope.post=post代码>并且我不必做$scope.post=posts.post代码>
app.js
angular.module('flapperNews', ['templates','ui.router'])
.config([
'$stateProvider',
'$urlRouterProvider',
function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('home', {
url: '/home',
templateUrl: 'home/_home.html',
controller: 'MainCtrl',
resolve: {
postPromise: ['posts', function(posts){
return posts.getAll();
}]
}
})
.state('posts', {
url: '/posts/{id}',
templateUrl: 'posts/_posts.html',
controller: 'PostsCtrl',
resolve: {
post: ['$stateParams', 'posts', function($stateParams, posts) {
return posts.get($stateParams.id);
}]
}
});
$urlRouterProvider.otherwise('home');
}])
Posttrl.js
angular.module('flapperNews')
.controller('PostsCtrl', [
'$scope',
'posts',
'post',
function($scope, posts, post){
$scope.post = post;
$scope.addComment = function(){
if($scope.body === '') { return; }
$scope.post.comments.push({
body: $scope.body,
author: 'user',
upvotes: 0
});
$scope.body = '';
};
}]);
这很简单
您在您的帖子声明中写道
状态:
resolve: {
post: ['$stateParams', 'posts', function($stateParams, posts) {
return posts.get($stateParams.id);
}]
}
在这个函数中插入posts
服务并进行调用(调用某些API,无论什么)。此函数返回promise
。属性resolve
在状态声明中首先将等待解析其中写入的所有承诺。然后,它会将所有已解决承诺的结果注入控制器
让我们看看您的控制器:
angular.module('flapperNews')
.controller('PostsCtrl', [
'$scope',
'posts',
'post',
function($scope, posts, post){
$scope.post = post;
...
};
}]);
在注入部分,我们可以看到帖子
-注入服务。另外,post
-这将是来自您所在州的resolve部分的已解决承诺
这意味着您不必再次调用posts
服务,因为它在实例化控制器之前已被调用。您可能根本不需要注入此服务
我希望我澄清了这一点,这将帮助您理解。您将post作为参数传递给控制器(并因此注入了它),为什么不可能呢?post在哪里定义?我想我会做这个$scope.post=posts.post,我没听你的。您正在将post注入控制器。我想你把它放在那里是有原因的。如果在调试器中检查它,它是什么?它必须在某个地方定义,否则注入它将触发错误。