技術メモ(主に自分向け)

短期記憶の自分向けの技術メモです。

別のコンポーネントを呼ぶ方法

コンポーネントAからコンポーネントBを呼ぶ書き方。

(例)
コンポーネントAの名前:CompA
コンポーネントBの名前:ComB


・CompA.cmp

<aura:component>
 <a href="javascript:void(0);" class="btn btn-center" onclick="{!c.movePage}">
 <c:CompB aura:id="compB"> //IDの適用範囲は本コンポーネント内のみ
</aura:component>

・CompAController.js

movePage : function(component, event, helper) {
 component.find('compB').start();  //基本こちらでよさそう
 component.find('compB').open(); //CompBがモーダル画面の場合はこちら
}


コンポーネント間で値を渡す方法は以下の通り。

(例)
・CompA.cmp

<aura:attribute access="public" type="Boolean" name="isFlag" default="false">
<c:CompB aura:id="compB" isFlag="{!v.isFlag}" strText="sample">

・CompB.cmp

<aura:attribute access="public" type="Boolean" name="isFlag" default="false">
<aura:attribute access="public" type="String" name="strText" default="">