(例)
コンポーネント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="">