如何在外部调用Angular 1.5组件控制器的show函数（已用路由）

嘿，这个问题在Angular 1.x组件开发里挺常见的，我给你几个靠谱的解决办法：

方案1：通过ng-ref直接获取组件实例调用方法 #

这是最直观的方式，适合你需要在父作用域/父控制器里调用子组件方法的场景：

1. 在使用Search组件的模板中，给组件标签加上ng-ref属性：

<search ng-ref="searchComp"></search>

2. 在父控制器里，你就能拿到SearchController的实例，直接调用show方法：

// 假设是父组件的控制器
class ParentController {
  someFunction() {
    // 传入你需要的index参数，比如这里传0
    this.searchComp.show(0);
  }
}

如果父级是传统的$scope控制器，就用$scope.searchComp.show(0)来调用。

方案2：通过组件绑定暴露方法（更符合组件化规范） #

如果想遵循Angular组件的单向数据流设计，推荐用输出绑定把方法暴露给父级：

1. 修改Search组件的定义，添加bindings配置：

export const Search = {
  template: require('./Search.html'),
  controller: SearchController,
  bindings: {
    // 定义一个输出绑定，用于父级触发组件内的方法
    triggerShow: '&'
  }
};

2. 在SearchController里，把show方法的逻辑和这个绑定关联：

class SearchController {
  constructor($log, $state) {
    this.buttonRipple = COLORS.buttonRipple;
    this.showDescription = false;
    $log.log('$state.params');
    $log.log($state.params);
  }
  show(index) {
    this.showDescription = index;
  }
}

3. 然后在父组件的模板里，通过绑定传递触发逻辑，或者直接获取方法引用调用：

<search trigger-show="searchShow(index)"></search>

// 父组件控制器
class ParentController {
  triggerSearchShow() {
    // 调用绑定的方法，传入index参数
    this.searchShow(1);
  }
}

方案3：用事件总线跨层级调用（适合非父子场景） #

如果调用show方法的地方和Search组件不在同一个父作用域层级，可以用Angular的事件系统：

1. 在SearchController里监听自定义事件：

class SearchController {
  constructor($log, $state, $scope) {
    this.buttonRipple = COLORS.buttonRipple;
    this.showDescription = false;
    $log.log('$state.params');
    $log.log($state.params);
    
    // 监听自定义事件，触发show方法
    this.unbindEvent = $scope.$on('search:triggerShow', (event, index) => {
      this.show(index);
    });
    
    // 组件销毁时解绑事件，避免内存泄漏
    $scope.$on('$destroy', () => {
      this.unbindEvent();
    });
  }
  show(index) {
    this.showDescription = index;
  }
}

2. 在需要调用的地方，通过$rootScope触发这个事件：

// 比如在另一个控制器里
class AnotherController {
  constructor($rootScope) {
    this.$rootScope = $rootScope;
  }
  
  callSearchShow() {
    // 传入index参数，触发Search组件的show方法
    this.$rootScope.$emit('search:triggerShow', 2);
  }
}

内容的提问来源于stack exchange，提问作者Mohammad Kashif Sulaiman