コントローラからAngularJS 1.5コンポーネントのメソッドを呼び出しますか？

Question

は、私はコンポーネント

コンポーネントは$のOnInit（）イベントがあります...コンポーネントはRsDropdownController、通常のものを基準としたRsDropdownComponentクラスとして定義され、この

<rs-dropdown></rs-dropdown> 

ように私のメインページに差し込まれていますデータストアを呼び出してコンポーネントにデータを取り込むハンドラです。このイベントは、コンポーネントが初期化されると起動されます。

問題は、コンポーネントがonInit（）イベントのロードを開始しないようにすることです。

私がしたいときに私のコントローラからコンポーネントのメソッドを呼び出せます。

基本的には、私のコントローラからComponentのインスタンスにアクセスして、ロード機能を呼び出す必要があります。

それは可能ですか？

Answer 1

あなたには、いくつかのベンダーのコンポーネントを使用する場合、通常はこれが行われ、あなたがあればNGを、常に使用することができ、すべての1.First：私たちは、このトリガーを使用してください

<rs-dropdown ng-if="loadDropdown"></rs-dropdown> 
<div> smth? here or mb another component </div> 

2.In現在のプロジェクト：

<rs-dropdown load-data="loadDataTrigger"></rs-dropdown> 

を

3.もちろん、角度イベントを追加することができます。それほどフレキシブルではありません。

Answer 2

誰かが既にNG-IFを使用して言及し、可能であればそのまたは非同期入力にあなたの子コンポーネントは、より寛大な作りは、常により良いアプローチですが、あなたがすることができる多くのものがあります。

1 - あなたはいつものようにシグネチャを持つシンプルなイベントサービスを作成し、イベンティングを使用することができます - 暗い子でハンドラを登録し、とき

2準備ができて、親からのイベントを発生さ

service.registerEventHandler(id, function) 
service.unregisterEventHandler(id, function) 
service.sendEvent(id) 

2ウェイバインディングを使用した魔法子コンポーネントで は、ポストリンクは後にサイクルを消化した後...あなたは、子に定義された関数を実行するためにthis.placeholder();を呼び出すことができ、後にコンパイル、親コントローラに<child data-dark-magic="$ctrl.placeholder">.... そして、親テンプレートから次に

bindings: { 
    darkMagic: '=' 
}, 
controller: function() { 
    this.$onInit = function() { 
    darkMagic = function() { 
      // data ready 
    }; 
    ... 

を指定します。

3 - あなたはその後、親からあなたが<child is-ready-property="$ctrl.imready">... を持っており、データがロードされたときにちょうどコントローラでtrueにimready切り替え状態

controller: function() { 
    this.ready = false; // should use onInit but saving lines 
    this.$onchanges = function(changesObj) { 
     if (changesObj.isReadyProperty) { 
      this.ready = changesObj.isReadyProperty.currentValue; 
     } 
    } 
    }, 
    bindings: { 
    isReadyProperty: '<', 
    } 

を切り替えることonChangesと結合一方向を使用することができます。

子が親の下に常にあるとき、この良い例は、タブセットコンポーネントおよびタブコンポーネントである場合もあります。この場合、子（タブ）コンポーネントはタブセットコントローラを必要とし、そこで定義されたAPIを使用することができます。

また、通信にサービスを使用して、両方のコンポーネントにサービスを注入し、そのように状態を維持することもできます。ファクトリパターンを使用し、角度レシピで状態を維持することはできませんが、このソリューションには注意してください。

さらに多くの方法があると確信していますが、実際はあなたのユースケースによって異なります。

何かを受け取るまで、ノーデータの場合を適切に処理するために、コンポーネントをより寛大にする方が良いです。

乾杯