この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。

ui:outputText

value 属性の指定に従ってテキストを表示します。

ui:outputText コンポーネントは、HTML span タグでラップされたテキスト出力を表します。このコンポーネントは、テキスト入力を取り込む ui:inputText と共に使用できます。テキストを表示する場合、属性値を使用して ui:outputText コンポーネントにバインドできます。

1<aura:attribute name="myText" type="String" default="some string"/>
2<ui:outputText value="{!v.myText}" />

前の例によって次の HTML が表示されます。

1<span dir="ltr" class="uiOutputText">
2    some string
3</span>

次の例は、ui:inputText コンポーネントのデータをバインドする方法を示します。

1<aura:component>
2    <aura:attribute name="myText" type="string" default="Hello there!"/>
3 <ui:inputText label="Enter some text" class="field" value="{!v.myText}" updateOn="click"/>
4 You entered: <ui:outputText value="{!v.myText}"/> 
5</aura:component>

属性

属性名	属性型	説明	必須項目
`body`	Component[]	コンポーネントのボディ。マークアップでは、これはタグのボディに含まれるすべてを指します。
`class`	String	コンポーネントに添付される CSS スタイル。このスタイルは、コンポーネントで出力される基本スタイルに追加されます。
`title`	String	追加情報をフロート表示テキストとして表示します。
`value`	String	このコンポーネントと共に表示されるテキスト。	はい

イベント

イベント名	イベントタイプ	説明
`dblclick`	COMPONENT	ユーザがコンポーネントをダブルクリックすると起動されるイベント。
`mouseover`	COMPONENT	ユーザがコンポーネントにマウスポインタを重ねると起動されるイベント。
`mouseout`	COMPONENT	ユーザがコンポーネントからマウスポインタを移動すると起動されるイベント。
`mouseup`	COMPONENT	ユーザがコンポーネント上でマウスボタンを放すと起動されるイベント。
`mousemove`	COMPONENT	ユーザがコンポーネントにマウスポインタを重ねると起動されるイベント。
`click`	COMPONENT	ユーザがコンポーネントをクリックすると起動されるイベント。
`mousedown`	COMPONENT	ユーザがコンポーネント上でマウスボタンをクリックすると起動されるイベント。

Lightning コンポーネント開発者ガイド

ui:outputText

属性

イベント