Значение по умолчанию для ngbCollapse - false, как описано в https: //ng-bootstrap.github. .io / # / компоненты / свернуть. В приведенном там примере используется следующий код: 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>

Как можно переопределить значение по умолчанию, чтобы панель инструментов была свернута по умолчанию?

2
Mickey Segal 25 Апр 2017 в 01:21

2 ответа

Лучший ответ

Заметил тоже самое. Инициализируйте переменную в конструкторе, и она отлично работает.

export class AppComponent {
  isCollapsed:boolean;

  constructor() {
    this.isCollapsed = true;
  }
5
mike v 25 Апр 2017 в 16:28

Изменение этого в Typescript, кажется, отвлекает от намерения использовать предоставленные модулем свойства. Вместо этого, используя [ngbCollapse], вам не нужно добавлять в Typescript и иметь больший контроль с преимуществом ngDirectives.

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

Кроме того, при использовании в динамически генерируемом контенте (*ngFor...[ngbCollapse]=) вы можете воспользоваться условными состояниями ng-if-else

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

0
Elysiumplain 25 Янв 2019 в 20:02