aura:component
コンポーネント階層のルート。デフォルトの表示を行います。
コンポーネントは、モジュール形式で再利用可能な UI のセクションをカプセル化する、Aura の機能単位です。他のコンポーネントまたは HTML マークアップを含めることができます。コンポーネントの属性とイベントは公開部分です。Aura は、aura および ui 名前空間で標準コンポーネントを提供します。
すべてのコンポーネントは、名前空間の一部です。たとえば、ui 名前空間に button.cmp として保存される button コンポーネントは、構文 <ui:button label="Submit"/> を使用して別のコンポーネントで参照できます。label="Submit" は、属性設定です。
コンポーネントを作成するには、次の構文に従います。
コンポーネントには次の省略可能な属性があります。
| 属性 | 型 | 説明 |
|---|---|---|
| access | String | コンポーネントが独自の名前空間の外側で使用できるかどうかを示します。使用できる値は、public (デフォルト) と global です。 |
| controller | String | コンポーネントのサーバ側のコントローラクラス。形式は namespace.myController となります。 |
| description | String | コンポーネントの説明。 |
| extends | Component | 拡張するコンポーネント。 |
| extensible | Boolean | コンポーネントを拡張できる場合は true に設定します。デフォルトは false です。 |
| implements | String | コンポーネントで実装するインターフェースのカンマ区切りのリスト。 |
| isTemplate | Boolean | コンポーネントがテンプレートの場合、true に設定されます。デフォルトは、false です。テンプレートの <aura:component> タグで isTemplate="true" と設定されている必要があります。 |
| template | Component | このコンポーネントのテンプレート。テンプレートは、フレームワークとアプリケーションの読み込みのブートストラップを行います。デフォルトのテンプレートは aura:template です。デフォルトのテンプレートを拡張する独自のコンポーネントを作成して、テンプレートをカスタマイズできます。以下に例を示します。 <aura:component extends="aura:template" ... > |
aura:component には、<aura:attribute> タグで定義された body 属性が含まれます。属性は通常、コンポーネントの出力または動作を制御しますが、システム属性の設定情報は制御しません。
| 属性 | 型 | 説明 |
|---|---|---|
| body | Component[] | コンポーネントのボディ。マークアップでは、これはタグのボディに含まれるすべてを指します。 |