angularjs - 如何访问指令链接中的父作用域

Question

因此在 Angular 文档网站上，您可以定义 Tobias 和 Jeff

angular.module('docsTransclusionExample', [])
.controller('Controller', ['$scope', function($scope) {
  $scope.name = 'Tobias';
}])
.directive('myDialog', function() {
  return {
   restrict: 'E',
    transclude: true,
    scope: {},
    templateUrl: 'my-dialog.html',
    link: function (scope, element) {
      scope.name = 'Jeff';
    }
  };
});

如果你这样做，名字是 {{name}} 它会说

The name is Tobias

我正在尝试在链接功能中访问 Tobias。从链接函数内部，我如何获得等于 Tobias 的 $scope.name 值？

Answer 1

由于作用域是隔离的scope: {},指令创建一个新的子作用域。在这种情况下，直接访问父作用域属性的唯一方法是使用作用域 $parent，即对父作用域对象的引用。例如:

link: function(scope, element) {
    scope.name = 'Jeff';
    scope.parentName = scope.$parent.name; // Tobias
}

但这并不理想。这就是为什么您可能需要考虑更灵活的方法:

<my-dialog name="name"></my-dialog>

并将范围配置定义为:

scope: {
    parentName: '=name'
}