Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 如何在我的控制器中访问post?_Angularjs - Fatal编程技术网

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注入控制器。我想你把它放在那里是有原因的。如果在调试器中检查它,它是什么?它必须在某个地方定义,否则注入它将触发错误。