AngularJs Как я могу использовать один метод контроллера, переменные в другом контроллере

Question

У меня есть два контроллера, как показано ниже. Я хочу использовать первые методы/переменный контроллера в другом контроллере

app.controller("createController", ["$scope", 
function ($scope) 
{ 
    $scope.i = 0; 
    $scope.changeEstimateStatus = function() 
    { 
    console.log('changeEstimateStatus'); 
    }; 
}]); 


app.controller("editController", ["$scope", 
function ($scope) 
{ 
    //here how can I access 'i' variable of createController 
}]); 

Answer 1

Используйте общую службу:

app.service("mySharedService", [function() { 
    var _x = null; 

    return { 
     setX: function(val) { _x = val }, 
     getX: function() { return _x } 
    } 
}]); 

Затем вводят в контроллер:

app.controller("createController", ["$scope","mySharedService", function($scope, mySharedService) { 

    $scope.i = mySharedService.getX(); //get 
    mySharedService.setX(3); //set 
}]); 

Answer 2

использование один из этого:

1.you можно использовать serveice и поставить общую функцию к этой службе и доступу, которые функционируют на всех controlller.

app.service('MyService', function() { 
    this.changeEstimateStatus = function() 
     { 
     console.log('changeEstimateStatus'); 
     }; 
}); 

    app.controller("createController", ["$scope",MyService, 
    function ($scope,MyService) 
    { 
     $scope.i = 0; 
    MyService.changeEstimateStatus(); 
    }]); 


    app.controller("editController", ["$scope", app.controller("createController", ["$scope",$rootScope, 
    function ($scope,$rootScope) 
    { 
     $scope.i = 0; 
     MyService.changeEstimateStatus(); 

    }]); 

2.you можете сохранить эту функцию в объекте $ cccccp. И затем получить доступ к этой функции ко всем контроллерам.

нравится:

app.controller("createController", ["$scope",$rootScope, 
function ($scope,$rootScope) 
{ 
    $scope.i = 0; 

}]); 


app.controller("editController", ["$scope",$rootScope, 
function ($scope,$rootScope) 
{ 
    $rootScope.changeEstimateStatus(); 
}]); 

, но второй вариант не является хорошим Подход.

Answer 3

Вы должны переместить общую функциональность (changeEstimateStatus) в сервис. Вместо одного контроллера, в зависимости от другого, оба контроллера зависят от службы.

app.service('estimateService', function() { 

    this.changeEstimateStatus = function() { 
    console.log('changeEstimateStatus'); 
    }; 

}); 
    app.controller("createController", ["$scope","estimateService", 
function ($scope, estimateService) 
{ 
    $scope.i = 0; 
    $scope.changeEstimateStatus = function() 
    { 
    estimateService.changeEstimateStatus(); //delegate to the service 
    }; 
}]); 


app.controller("editController", ["$scope", "estimateService" 
function ($scope, estimateService) 
{ 
    $scope.changeEstimateStatus = function() 
    { 
    estimateService.changeEstimateStatus(); //delegate to the service 
    }; 
}]); 

Другой вариант - использовать $ rootScope, но использование служб не так хрупко, чтобы их можно было изменить.