javascript - 从不同的 Controller 加载 View 的某些部分 - AngularJS

Question

问题

我有 Controller A、 View A 和 Controller B、 View B -

现在我想从 Controller A 加载一些信息到 View B。

我如何使用 AngularJS 实现这一目标？

到目前为止我已经尝试过类似的事情

<div ng-controller="controllerA"> </div>

在我看来 B，但没有显示任何内容。

Answer 1

这是 Angular 工厂何时可以派上用场的完美示例。

angular.module('yourModuleName')
  .factory('yourFactoryName', function() {

     var info = "";

     return {
         getInfo: function() {
              return info;
          },
         setInfo: function(data) {
              info = data;
          }
     }
}

然后在您的 Controller 中您将看到一些如下所示的代码:

angular.module('yourModuleName')
   .controller('yourControllerName', function($scope, yourFactoryName){

       //Makes the factory value available for the controller to use in the view
       $scope.holdFactoryValue = yourFacoryName.getInfo();

       //In another controller, you could have a function like this declared to change the data
       $scope.setFactoryValue = function(data) {
          yourFactoryName.setInfo(data);
       }
   })