繁体   English   中英

使用 AngularJS 从一个控制器获取数据到另一个控制器

[英]Getting data from one controller to another with AngularJS

我有两个控制器,并希望它们在不创建工厂的情况下将数据从第一个发送到第二个。

    module.controller('UpdatesController', function ($scope) {
    var update = {};
    update.items = [{
        title: 'Company goes high',
        date: '24-11-2015',
        excerpt: 'Labore et dolore magna aliqua',
        desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
        picture: 'images/01.jpg',
    }];
    $scope.items = update.items;
    $scope.showUpdate = function (index) {
            var selectedItem = update.items[index];
            update.selectedItem = selectedItem; 
            $scope.navi.pushPage('update.html', {
                title: selectedItem.title,
                date: selectedItem.date,
                excerpt: selectedItem.excerpt,
                desc: selectedItem.desc,
                picture: selectedItem.picture
            });
        };
});

module.controller('UpdateController', function ($scope, items) {
    $scope.item = items;
});

但它似乎不起作用。 错误是:未捕获(承诺)错误:[$injector:unpr]

可以请任何人帮忙吗?

在 AngularJS 中,一个controller不能注入其他controller 如果您想要控制器之间的互连/共享,那么您应该使用工厂或服务。

在你的情况下,你可以做

 module.controller('UpdatesController', ['$scope', 'TestFactory', function ($scope, TestFactory) {
var update = {};
update.items = [{
    title: 'Company goes high',
    date: '24-11-2015',
    excerpt: 'Labore et dolore magna aliqua',
    desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
    picture: 'images/01.jpg',
}];
$scope.items = update.items;
TestFactory.setItems($scope.items);
    $scope.showUpdate = function (index) {
            var selectedItem = update.items[index];
            update.selectedItem = selectedItem; 
            $scope.navi.pushPage('update.html', {
                title: selectedItem.title,
                date: selectedItem.date,
                excerpt: selectedItem.excerpt,
                desc: selectedItem.desc,
                picture: selectedItem.picture
            });
        };
}]);

module.controller('UpdateController', ['$scope', 'TestFactory', function ($scope, TestFactory) {
    $scope.item = TestFactory.getItems();
}]);

module.factory('TestFactory', function(){
    return {
      getItems : function(){
        return this.items;
      },
      setItems : function(items){
        return this.items = items;
      }
    }
});

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM