表示制御関数

[label] widgetsには、現在の設定値の状態から、表示・非表示を切り替える機能があります。

この切替を判定するbooleanを返却する表示制御関数を作成します。

表示制御関数用labelのプロパティ

プロパティ	内容	必須	国際化	備考
viewFunc	表示制御関数	必須
trueLabel	true返却時の表示ラベル	必須	対象
falseLabel	false返却時の表示ラベル	必須	対象

表示制御関数の例

firstNameが、指定されている場合にtrueを返却する表示制御関数の例を示します。

import { FormGroup } from '@angular/forms';
function viewFunc(form: FormGroup) {
  const targetName = 'firstName';
  return form.controls[targetName].value !== '' ? true : false;
};

上記viewFunc関数を使用したwrapperのレイアウト例:

[
  {
    'type': 'wrapper',
    'title': 'wrapperHeader',
    'openLabel': 'open',
    'closeLabel': 'close',
    'items': [
      {
        'type': 'section',
        'closedView': true,
        'items': [
          {
            'type': 'label',
            'viewFunc': viewFunc,
            'trueLabel': 'trueLabel',
            'falseLabel': 'falseLabel'
          }
        ]
      }
    ]
  }
]