2017-12-15 4 views
0

アプリの起動時に折りたたみ可能なコンテンツを開くには、助けが必要です。誰かが私を助けることができますか?私の悪い英語を申し訳ありません。webapp起動時にブートストラップ折りたたみをtrue/showにする

//component.ts 
 

 
isCollapsed: boolean = true;
<!--component.html--> 
 

 
<div class="container" *ngFor="let List of List; let i = index"> 
 
    <a href="#List-{{ i }}" class="btn btn-info" data-toggle="collapse">{{List.prdName}}</a> 
 
    <div id="List-{{ i }}" class="collapse"> 
 
    <ul style="list-style: none"> 
 
     <li> {{List.prdName}}</li> 
 
     <li> {{List.prdCategory}}</li> 
 
     <li> {{List.prdSup}}</li> 
 
     <li> <img src="{{List.prdImage}}"></li> 
 
    </ul> 
 
    </div> 
 
</div>

答えて

1
ブートストラップドキュメントから

.collapse.show shows content

それは

になるので、あなたがしなければならないすべては、適切なクラスとバインド要素であり、
+0

ありがとう、それは動作します。しかし、今私はそれを閉じることができませんクリックしたとき、あなたが助けることができますか?もう一度ありがとうございます:D –

+0

クリックすればhtml要素に '(click)=" isCollapsed =!isCollapsed "を追加するだけです。 –

関連する問題