複数の項目をドロップダウンから選択してページに表示する

アレイのデータを別のパネルに表示しています。ユーザーはビューからパネルを削除するオプションがあり、削除されたパネルはドロップダウンメニューに表示されます。ユーザーは、複数のパネルタイトルを選択して、選択したパネルでページを再投入する柔軟性を得ることができます。複数の項目をドロップダウンから選択してページに表示する

現在、私はパネルを削除することができます - 新しい配列にプッシュし、削除されたパネルタイトルをドロップダウンリストに配置します。

私は、ブートストラップと角度を使用しています - この時点で私はトラブルそれが必要と間違っているかわからない....ここにドロップダウンのための私のhtmlであるとして適切にドロップダウンメニューを表示した午前：

<select multiple> 
    <option *ngFor="let item of dropdownlist">{{item.title}}</option> 
</select>

をこれだけの空の矩形として示すと、私はパネルを外したときにタイトルがドロップダウンに表示さしかし、それはスタイリング

これは私がそれを見たい方法であるに欠けているように思えるさ：

また、これは私が削除し、配列にパネルを追加してい方法です：

<a title="Remove Panel" (click)="removePanel(i);"> 
    <i class="glyphicon glyphicon-remove"></i> 
</a> 

removePanel(index: number): void { 
    this.dropdownlist.push(new Object(this.items.splice(index, 1)[0])); 
    } 

dropdownlist: Array<any> = []; 

items: Array<Panel> = [ 
     new Panel(1, 'panel 1', 'show text', 'test data in modal'), 
     new Panel(2, 'panel 2','show image', 'more test data'), 
     new Panel(3, 'panel 3', 'show graph', 'more and more data') 
    ];

私も私の追加機能は、アイテムにドロップダウンから見ていきますと反対のものになるかどうかわかりません私のremovePanel関数のですか？

出典

2017-03-24 bluePearl