2017-04-24 179 views
0

ngbCollapse的默认值为false,如https://ng-bootstrap.github.io/#/components/collapse所述。鉴于有此示例使用下面的代码:https://ng-bootstrap.github.io/app/components/collapse/demos/basic/plnkr.html如何更改NgbCollapse的默认值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

谢谢。有一些像这样的不同部分组合在一起的小例子是很有用的。 –