lightning:formattedPhone
tel: URL スキームが付いているハイパーリンクとして、電話番号を表示します。このコンポーネントでは、API バージョン 41.0 以降が必要です。
lightning:formattedPhone コンポーネントは、tel: URL スキームが付いているハイパーリンクとして、電話番号を参照のみで表示します。デスクトップで電話番号をクリックすると、デフォルトの VOIP コールアプリケーションが開きます。モバイルデバイスでは、電話番号をクリックするとその番号に発信されます。
1 で始まる 10 または 11 桁の電話番号を指定すると、その番号が (999) 999-9999 形式で表示されます。番号の前に「+」記号を付けると、その番号が +19999999999 形式で表示されます。
ハイパーリンクで (425) 333-4444 を表示する 2 つの方法を次に示します。
1<aura:component>
2 <p><lightning:formattedPhone value="4253334444"></lightning:formattedPhone></p>
3 <p><lightning:formattedPhone value="14253334444"></lightning:formattedPhone></p>
4</aura:component>前の例によって次の HTML が表示されます。
1<a href="tel:4253334444">(425) 333-4444</a>
2<a href="tel:14253334444">(425) 333-4444</a>属性
| 属性名 | 属性型 | 説明 | 必須項目 |
|---|---|---|---|
| body | Component[] | コンポーネントのボディ。マークアップでは、これはタグのボディに含まれるすべてを指します。 | |
| class | String | コンポーネントの基本クラスに加え、外部要素の CSS クラス。 | |
| title | String | マウスポインタが要素に重ねられたときにツールチップテキストを表示します。 | |
| value | Integer | 表示する電話番号を設定します。 | |
| onclick | Action | 電話番号がクリックされたときにトリガされるアクション。 |