Lightning Aura Components Developer Guide (Lightning Aura コンポーネント開発者ガイド)
jカスタムコンポーネントから Lightning ページへのリンクの追加
Lightning Experience ページにリンクするには、カスタムコンポーネントで lightning:formattedUrl を使用します。lightning:formattedUrl コンポーネントは URL をハイパーリンクとして表示します。
未加工のアンカータグや ui:outputUrl コンポーネントをリンクで使用すると、リンクをクリックするたびにページ全体が再読み込みされます。ページ全体の再読み込みを回避するには、リンクコンポーネントを lightning:formattedUrl で置き換えます。
例は「コンポーネントライブラリ」を参照してください。
ui:outputUrl から lightning:formattedUrl への移行
ui:outputUrl コンポーネントから属性をコピーします。
1<aura:component>
2 <ui:outputURL value="https://my/path" label="Contact ID" />
3</aura:component>同じ属性を lightning:formattedUrl コンポーネントに貼り付けます。lightning:formattedUrl では、tooltip など、より多くの属性がサポートされます。
1<aura:component>
2 <div aura:id="container">
3 <p><lightning:formattedUrl value="https://my/path" label="Contact ID" tooltip="Go to Contact's recordId" /></p>
4 </div>
5</aura:component>