Question

如https://ng-bootstrap.github.io/#/components/collapse所述，ngbCollapse的默认值为false。这里给出的示例使用以下代码：https://ng-bootstrap.github.io/app/components/collapse/demos/basic/plnkr.html

<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>

如何覆盖默认设置，以便默认情况下折叠工具栏？

Answer 1

注意到同样的事情。在构造函数中初始化变量，它工作正常。

export class AppComponent {
  isCollapsed:boolean;

  constructor() {
    this.isCollapsed = true;
  }

Answer 2

在Typescript中进行修改似乎背离了使用模块提供的属性的意图。相反，通过利用[ngbCollapse]，您无需添加到Typescript并利用ngDirectives的优势进行更多控制。

<div id="collapseExample" [ngbCollapse]="!isCollapsed">

此外，在动态生成的内容（*ngFor...[ngbCollapse]=中使用时，您可以利用ng-if-else条件状态

*ngIf="getIsEditing(buffer); then tableEdit; else tableView;"

如何更改NgbCollapse默认值false？

2 个答案: