如何在 angularjs 的指令函数中获取当前控制器 $scope？

Question

示例链接：Example

大家好，

我在基于 url 的索引文件中创建了一个全局帮助按钮，正在加载动态帮助（html 文件），它工作正常。我需要确定哪个控制器被激活，并且我需要将当前的 $scope 作为参数传递给 $scope.HelpFunction function.$scope.HelpFunction 在帮助指令中可用。在指令中，我需要从当前控制器获取当前 $scope.message。基于 $scope 我需要实现一些逻辑，任何人都可以帮助我.....

  .directive("help", function($location, $window){
    .directive("help", function($location, $window){
    return {
      restrict: "A",
      template: "<button   ng-click=\"HelpFunction( )\">Help</button>",
      scope: true,
      controller: function($scope){
          $scope.HelpFunction = function( ){
            //Here I need to access current  $scope value
            alert($scope.message)
               //var url =$location.url();
               //$window.open(url+ '.html', '', 'width=700,height=700');
          }
      },
      link: function(scope){

      }
    }
  })
.controller('HomeController', function ($scope, router, $location) {
        $scope.message = "Home";
       $scope.TestFunction = function(data) {
        console.log("Home:" + $location.url())
  };

})
.controller('MainController', function ($scope, router) {
        $scope.message = "Main";
       $scope.TestFunction = function(data) {
        console.log("Main:" + data)
  };

})
 .controller('Page1Controller', function ($scope, router) {
    $scope.message = "Page1";
  $scope.TestFunction = function(data) {
       console.log("Page2:" + data)
  };

})

Answer 1

创建一个带有单例的工厂，并将当前范围的引用保存在每个控制器中。

factory('currentScope', function(){
   var currentScope = {};

   return currentScope;
})

controller('HomeController', function($scope, currentScope) {
   currentScope = $scope;   
})

controller('MainController', function($scope, currentScope) {
   currentScope = $scope;
})

访问指令中的当前范围。

.directive("help", function($location, $window, currentScope){
    return {
      restrict: "A",
      template: "<button   ng-click=\"HelpFunction( )\">Help</button>",
      scope: true,
      controller: function($scope){
          $scope.HelpFunction = function( ){
            //Here I need to access current  $scope value
            console.log(currentScope);

            alert($scope.message)
               //var url =$location.url();
               //$window.open(url+ '.html', '', 'width=700,height=700');
          }
      },
      link: function(scope){

      }
    }
  })

您必须为您的视图分配一个控制器。

$stateProvider.state('Home', {
                url: '/home',
                templateUrl: 'Home.html',
                controller: 'HomeController'
            });

Answer 2

像这样将scope: true 添加到您的returnig 数组中

module.directive("help", function($location, $window){
  return {
    restrict: "A",
    scope: true, // Get the scope of the current Controller
    template: "<button style=\"background-color: #f4f4f4;  color: black;\" ng-click=\"HelpFunction(\'section2\')\"  my-target>Help</button>",
    controller: function($scope) {
      $scope.HelpFunction = function(id) {
        var url = $location.url();
        $window.open(url+ '.html', '', 'width=700,height=700');
      }
    }
  }
})

更新：

外部示例http://jsfiddle.net/5gWjY/671/

更新 2（根据要求）：

外部示例http://jsfiddle.net/5gWjY/673/

Answer 3

要解决这个问题，您可以使用service。 service 将在controllers 之间共享数据。

plunker 上的实时示例。

创建service。

.service('HelpService',function(){
 return {
   message:""
 }
})

在directive。

.directive("help", function($location, $window) {
return {
  restrict: "A",
  template: "<button   ng-click=\"HelpFunction( )\">Help</button>",
  scope: true,
  controller: function($scope,HelpService) {
    console.log($scope)
    $scope.HelpFunction = function() {
      //Here I need to access current  $scope value
      alert(HelpService.message)
        //var url =$location.url();
        //$window.open(url+ '.html', '', 'width=700,height=700');
    }
  },
  link: function(scope) {

  }
}
})

在controller。

 .controller('HomeController', function($scope, router, $location,HelpService) {
HelpService.message = "Home";
console.log(HelpService.message)
$scope.TestFunction = function(data) {
  console.log("Home:" + $location.url())
};
})