5.20193.637
WjItemTemplate Wijmo API クラス

WjItemTemplate クラス

{@link } コントロールに対応するAngular 2コンポーネント。

[wjItemTemplate]ディレクティブは、

wijmo.angular2.input.WjListBoxwijmo.angular2.input.WjMenuwijmo.angular2.input.WjComboBox 、またはwijmo.angular2.input.WjMultiSelect コンポーネントのいずれかに含める必要があります。

[wjItemTemplate]ディレクティブは、それをネストして含むコンポーネントの項目のテンプレートを定義します。

テンプレートには、Angular 2の連結およびディレクティブを含む任意のHTMLフラグメントを含めることができます。 ローカルのitemitemIndex、およびcontrolテンプレート変数をAngular 2連結で使用して、 データ項目、そのインデックス、およびオーナーコントロールを参照できます。次に例を示します。

<wj-list-box style="max-height:300px;width:250px;"
            [itemsSource]="musicians">
  <ng-template wjItemTemplate let-item="item" let-itemIndex="itemIndex">
      {​{itemIndex + 1}}. <b>{​{item.name}}</b>
      <div *ngIf="item.photo">
          <img [src]="item.photo" height="100" />
          <br />
          <a href="https://www.google.com/#newwindow=1&q=The+Beatles+"
             target="_blank"
             style="color:red">go there!</a>
      </div>
  </ng-template>
</wj-list-box>

階層

  • WjItemTemplate

プロパティ

メソッド

プロパティ

initialized

initialized: EventEmitter<any>

このイベントは、コンポーネントがAngularによって初期化された後、つまり すべての連結プロパティが割り当てられ、子コンポーネント(ある場合)が初期化された後にトリガされます。

isInitialized

isInitialized: boolean

コンポーネントがAngularによって初期化されているかどうかを示します。 この値は、initializedイベントをトリガする直前にfalseからtrueになります。

メソッド

created

  • created(): void
  • Wijmoコンポーネントから継承されるカスタムコンポーネントを作成する場合は、このメソッドを
    オーバーライドして、通常はクラスコンストラクタで行う必要な初期化を行うことができます。 このメソッドは、Wijmoコンポーネントコンストラクタの最後の行で呼び出され、 カスタムコンポーネントのコンストラクタを宣言しなくて済むようにします。これにより、 コンストラクタのパラメータを保持したり、Wijmoコンポーネントのコンストラクタパラメータとの同期を維持する必要がなくなります。

    戻り値 void