ウェブサイト検索

angular - マテリアルのSelectコントロールをenumフラグにバインドする


<mat-select multiple ...> を列挙型フラグにどのようにバインドできますか?

私のTypeScriptの列挙型フラグはこのように定義されています:

export enum CarType {
  Sedan = 1 << 0,  // 001
  Coupe = 1 << 1,  // 010
  Jeep = 1 << 2    // 100
}

次に、desiredCarTypeという名前のプロパティがあり、そこには人が探したいさまざまな車のタイプが含まれています。例えば、ある人はセダンやジープを探しているかもしれません:

public desiredCarTypes: CarType = CarType.Sedan | CarType.Jeep;

私は今、セレクトボックスをプロパティdesiredCarTypeにバインドしたいです。

最初の試みは私のPlunkerをご覧ください: http://embed.plnkr.co/i4ALFU/ 。直接バインドできないと思いますが、何とかプロパティを配列に分割してから戻す必要があると思います。