从多个控制器发送值

Question

我是AngularJS的新手并制作了一个列表页面和编辑页面。

这是我的app.js：

angular.module('myApp', ['myApp.filters', 'myApp.services', 'myApp.directives', 'myApp.controllers'])
        .config(['$routeProvider', function ($routeProvider) {
            $routeProvider.when('/new', { templateUrl: 'partials/recipeForm.html', controller: 'add' })
                .when('/list', { templateUrl: 'partials/list.html', controller: 'listcontrol' })
                .when('/view/:recipeId', { templateUrl: 'partials/recipeForm.html', controller: 'edit' })
                .otherwise({ redirectTo: '/list' });
        }]);

这是我的controller.js：

angular.module('myApp.controllers', [])
        .controller('add', ['$scope', 'recipes', function ($scope, recipes) {
            alert("add");
        }])
        .controller('listcontrol', ['$scope', function ($scope) {
            alert("list");
            $scope.recipes = [{
                id: 0, 'title': 'Viral',
                'description': 'hello@gmail.com',
                'instructions': '123-2343-44'
            }, {
                id: 1, 'title': 'Viral',
                'description': 'hello@gmail.com',
                'instructions': '123-2343-44'
            }];
         }])
         .controller('edit', ['$scope', '$routeParams', function ($scope, $routeParams) {
             alert("edit");
             alert(JSON.stringify($scope.recipes)); // Undefined
         }]);

填充列表工作正常，但是当我检查编辑时，它显示为未定义。我试图寻找解决方案但找不到解决方案。