AngularJS：如何在指令中访问控制器的函数与模型

嘿，我太懂你这种每次写AngularJS指令都要挨个绑定一堆属性、函数的痛苦了——重复劳动不说，代码还显得特别臃肿。下面给你几个不用逐个绑定就能直接访问控制器函数和模型的方法，按需选就行：

1. 使用 scope: false 直接共享父作用域 #

AngularJS指令默认的作用域规则就是scope: false，这意味着指令的作用域和父控制器的作用域是同一个引用。也就是说，你不用在scope里写任何绑定，就能直接在指令里用控制器的所有模型和函数。

举个例子：

app.directive('postJobWizard', function () {
  return {
    restrict: 'EA',
    scope: false, // 关键：不创建独立作用域，和父控制器共享同一作用域
    template: `
      <button ng-click="viewAllJobs()">查看所有职位</button>
      <input type="text" ng-model="artistSearchModel" placeholder="搜索艺术家" />
      <div ng-repeat="role in operaticRoleSearchResult">{{role.name}}</div>
    `
  };
});

适用场景：如果这个指令只和特定的父控制器配合使用，不会在其他地方复用，这种方式最省事。但要注意，指令里的任何数据修改都会直接影响父控制器的作用域，可能引发命名冲突，所以适合逻辑简单、耦合度高的场景。

2. 使用 scope: true 创建继承式独立作用域 #

如果你想让指令有自己的私有作用域，但又想继承父控制器的内容，可以设置scope: true。这种方式会创建一个新的作用域，它原型继承自父控制器的作用域——既可以访问父级的所有模型和函数，又能在指令里添加自己的私有属性，不会污染父作用域。

示例代码：

app.directive('postJobWizard', function () {
  return {
    restrict: 'EA',
    scope: true, // 创建继承父作用域的独立作用域
    link: function(scope) {
      // 直接调用父控制器的函数
      scope.viewAllJobs();
      // 直接访问父控制器的模型
      console.log('当前搜索模型：', scope.artistSearchModel);
      
      // 指令自己的私有属性，不会影响父作用域
      scope.privateFlag = true;
    },
    template: `
      <div ng-if="privateFlag">指令私有内容</div>
      <button ng-click="getSingleJob(jobId)">查看职位详情</button>
    `
  };
});

适用场景：需要指令有自己的内部状态，但又要依赖父控制器数据的场景，比scope: false更灵活，耦合度也更低一点。

3. 用 $parent 访问父作用域（适合独立隔离作用域） #

如果你因为复用性要求，必须使用独立隔离作用域（scope: {}），但又想偶尔访问父控制器的内容，可以通过scope.$parent来直接获取父作用域的属性和函数。

示例代码：

app.directive('postJobWizard', function () {
  return {
    restrict: 'EA',
    scope: {
      // 只绑定必须隔离的属性，其他通过$parent访问
      placeOfSearch: "@placeOfSearch"
    },
    link: function(scope) {
      // 访问父控制器的函数
      scope.$parent.viewAllJobs();
      // 访问父控制器的模型
      scope.$parent.artistSearchModel = "新的搜索关键词";
    }
  };
});

注意事项：这种方式会增加指令和父控制器的耦合度，如果指令嵌套了多层，$parent可能指向的不是你预期的那个父作用域，所以尽量只在必要时使用，优先通过绑定传递需要的内容。

总结 #

• 追求最简最快，且指令和控制器强绑定：用scope: false
• 需要指令有私有作用域但又要继承父内容：用scope: true
• 必须用隔离作用域，偶尔需要访问父内容：用$parent

内容的提问来源于stack exchange，提问作者Usman Iqbal