Lightning コンポーネント開発者ガイド
jltng:require
連動関係の順序を維持しながら、スクリプトとスタイルシートを読み込みます。スタイルはリストの順序で読み込まれます。同じコンポーネントまたは異なるコンポーネントの複数の <ltng:require> タグでスタイルが指定されていても、スタイルが読み込まれるのは 1 回のみです。
ltng:require では、外部 CSS と JavaScript ライブラリを静的リソースとしてアップロードした後で読み込むことができます。
1<ltng:require scripts="/resource/jsLibOne,/resource/jsLibTwo"
2 styles="/resource/cssOne,/resource/cssTwo"
3 afterScriptsLoaded="{!c.afterScriptsLoaded}"/>リソースのカンマ区切りリストは、scripts および styles 属性に入力された順序で読み込まれます。スクリプトが読み込まれると、クライアント側コントローラの afterScriptsLoaded アクションがコールされます。カプセル化および再利用を確実に行うには、CSS または JavaScript ライブラリを使用する .cmp または .app リソースのそれぞれに <ltng:require> タグを追加します。
同じコンポーネントまたは異なるコンポーネントの複数の <ltng:require> タグでリソースが指定され��いても、リソースが読み込まれるのは 1 回のみです。
属性
| 属性名 | 属性型 | 説明 | 必須項目 |
|---|---|---|---|
| body | Component[] | コンポーネントのボディ。マークアップでは、これはタグのボディに含まれるすべてを指します。 | |
| scripts | String [] | 読み込まれる連動関係の順序で表示したスクリプトのセット。 | |
| styles | String [] | 読み込まれる連動関係の順序で示したスタイルシートのセット。 |
イベント
| イベント名 | イベントタイプ | 説明 |
|---|---|---|
| afterScriptsLoaded | COMPONENT | ltng:require.scripts にリストされたすべてのスクリプトが ltng:require で読み込まれると起動します。 |