javascript - 如何将组件方法共享给子组件？

Question

我有两个组件:

<cmp-one></cmp-one>当我使用 $compile 时，它被插入到 DOM 中创建 <cmp-top> 。然后在 cmpTop我需要获取<cmp-one> Controller 并将其插入 <cmp-top> .

插入工作正常，但我需要访问cmpTop Controller 方法来自cmpOne - 但不知道怎么办。

到目前为止我尝试过添加 require: {cmpTop: '^^'} - 无法工作，因为在插入完成之前没有父组件。

那么，我怎样才能实现这一目标呢？我的意思是 - 将一些组件插入另一个组件，并将其方法共享给添加的子组件。

已更新

这是骗子:http://plnkr.co/edit/mgwC5Mbh5qid5q5ELDdQ?p=info

所以，我需要访问PanelController的方法来自 DialogComponentController .

或者，也许我做错了 - 所以请给我一个线索如何正确地做到这一点。

Answer 1

您可以使用通用服务在它们之间进行通信(如playerone提到的)。

app.controller('mainController', function($scope, menuSelection) {
  $scope.menuSelection = menuSelection; // retrieve settings object from service method and bring into scope
  // now whenever one sets $scope.menuSelection.selected = "object 2", it will update the value in the other controller as well (and vice-versa)
});

app.controller('secondController', function($scope, menuSelection) {
  $scope.menuSelection = menuSelection; // retrieve settings object from service method and bring into scope
});

app.factory('menuSelection', function() {
  var settings = {};
  settings.selected = 'Object 1';  // default
  return settings;
});

您可以将 $scope.menuSelection.myFooFunction = ... 指向一个指令中的函数，然后从另一个指令中调用它。