2017-04-24 12 views
0

ngbCollapseのデフォルト値は、https://ng-bootstrap.github.io/#/components/collapseで説明されているように、falseです。ツールバーはデフォルトでは折りたたまれているように、1デフォルトに乗る上で、どのようhttps://ng-bootstrap.github.io/app/components/collapse/demos/basic/plnkr.htmlNgbCollapseのデフォルト値falseを変更するにはどうすればよいですか?

<p> 
    <button type="button" class="btn btn-outline-primary" (click)="isCollapsed = !isCollapsed" 
      [attr.aria-expanded]="!isCollapsed" aria-controls="collapseExample"> 
    Toggle 
    </button> 
</p> 
<div id="collapseExample" [ngbCollapse]="isCollapsed"> 
    <div class="card"> 
    <div class="card-block"> 
     You can collapse this card by clicking Toggle 
    </div> 
    </div> 
</div> 

:そこに与えられた例では、次のコードを使用していますか?

答えて

2

同じことがわかりました。コンストラクタ内の変数を初期化し、正常に動作します。

export class AppComponent { 
    isCollapsed:boolean; 

    constructor() { 
    this.isCollapsed = true; 
    } 
+0

ありがとうございます。異なるピースがどのようにフィットするかについて、このような一口サイズの例があると便利です。 –

関連する問題