ラベル

［ラベル］コントロールに対応したコントロールです。文字や数値の表示に関して配置する場合に使います。

Magic xpaの［ラベル］コントロールに関して設定は以下の通りなっております。

①：SmartUX側に表したいテキストを設定する

②：SmartUX側と関連するプロパティを設定する

⁂必要に応じてご活用ください。

可視

コントロールを表示させるかどうか指定します。論理値を返す式で指定す ることもできます。

有効

コントロールを有効にするかどうかを指定します。有効にするかどうかを 表す論理値を返す式を使用できます。

SmartUX側にはラベルウィジェットを使います。

ラベルウィジェットは以下のような感じになっております。

１：Magic Xpaと関連するためData Mapping入力の隣にある歯車ボタンをクリックして設定します。

設定した後は以下の通りなっております。

2：Magic Xpa側で設定したテキストを表示するために設定する

歯車ボタンをクリックして設定しま。

設定した後は以下の通りなっております。

これでMagic Xpa側とSmartUX側は連携取れた状態になります。

Magic Xpa側で”可視”プロパティを設定した場合は、SmartUX側で以下の通りに設定をします。

歯車ボタンをクリックして設定しま。

設定した後は以下の通りなっております。

コンポーネント［ラベル］を配置すると、デフォルトで以下のコードが定義されます。

日付のYYYY/MM/DD形式や数値のカンマ区切りに関しては以下のパイプ(PIPE)の使い方を参照してください。

1. 日付のフォーマット（YYYY/MM/DD形式）

{{ myDate | date:'yyyy/MM/dd' }} とすることで、日付を「YYYY/MM/DD」形式に変換できます。

2. 数値のフォーマット（カンマ区切り）

{{ myNumber | number:'1.0-0' }} とすることで、数値をカンマ区切りにフォーマットできます。

以下のプロパティがあります