角度-2-ドロップダウン-複数選択は、私はこの<strong>角度-2-ドロップダウン・複数選択</strong>コンポーネントを実装しています

Question

は100％witdhカスタマイズコンテナに合わせて...

私はちょうど "幅：100％"を追加する必要があると思いますが、私はどこでそれをしなければならないのか分かりません。

別の考慮事項：

部品が実装されているINAブートストラップアプリケーション。

私のようなテーブル内のコンポーネントを入れている：

<table class="table"> 
<tr> 
    <td>Search</td> 
    <td><ss-multiselect-dropdown [options]="myOptions" [texts]="myTexts" [settings]="mySettings" [(ngModel)]="optionsModel" [ngModelOptions]="{standalone: true}"></ss-multiselect-dropdown></td> 
</tr> 
</table> 

考察：

は、ブートストラップフォームにブートストラップテーブルからの切り替えを考慮すると、デフォルトでコンテナにリストボックスのフィットをレンダリングする必要があるのか​​もしれ..

Answer 1

<angular2-multiselect [data]="dropdownList" [(ngModel)]="selectedItems" 
[settings]="dropdownSettings" 
></angular2-multiselect> 

• のmaxHeight：100 あなたはあなたのそれぞれのコンポーネントのTSファイルの設定で、ドロップダウンののmaxHeightを設定することができます

  this.dropdownSettings = { singleSelection：false、 テキスト： "Select Users"、 selectAllText： 'すべて選択'、 unSelectAllText： 'UnSelect All'、 enableSearchFilter：true、 クラス： "myclass custom-class"、 maxHeight：150 };

https://www.npmjs.com/package/angular2-multiselect-dropdown

Answer 2

をサポートする。

おかげで私はあなたがその幅を設定したいのか分かりません。それはボタンかドロップダウンメニューですか？

とにかく、あなたはこのような親コンポーネントのCSSファイルの幅を設定することができます。それはdoesnの場合

ss-multiselect-dropdown > div.btn-group > ul.dropdown-menu { 
    width: 100%; 
} 

：

ボタンの場合：ドロップダウンメニューの

ss-multiselect-dropdown > div.btn-group { 
    width: 100%; 
} 

あなたはこのような深いスタイリングを使う必要があるかもしれません：

:host >>> ss-multiselect-dropdown > div.btn-group { 
width: 100%; 
} 

:host >>> ss-multiselect-dropdown > div.btn-group > ul.dropdown-menu { 
    width: 100%; 
} 

あなたはAngular.ioのComponent Stylesページを見ている必要があり