检测布尔值是否更改Angular 8

Question

我的 html 中有这个 ngbCollapse：

<div style="margin: 1.5em 1.5em;" [ngbCollapse]="isCollapsed">
//things
</div>

在我的组件中，我会在每次 isCollapsed 更改时调用一个方法：

export class Component implements OnInit {

public isCollapsed = true;

constructor(private Serv: _service) {}

  ngOnInit() {}

//Everytime isCollapsed changes I would call this method
isCollapsedInService () {
 this._service.set(isCollapsed);
}

Answer 1

我建议你在 Angular 中使用事件绑定

在 Angular 8 中，事件绑定用于处理从 DOM 引发的事件，例如按钮单击、鼠标移动等。当 DOM 事件发生（例如单击、更改）时，它会调用组件中的指定方法。

https://www.javatpoint.com/event-binding-in-angular-8#:~:text=In%20Angular%208%2C%20event%20binding,specified%20method%20in%20the%20component.

Answer 2

在html文件中

<button (click)="isCollapsedInService($event)">Btn</button> <!--Event Binding-->

在 .ts 文件中

import { Component } from '@angular/core';    
@Component({    
  selector: 'app-root',    
  templateUrl: './app.component.html',    
  styleUrls: ['./app.component.css']    
})    
export class AppComponent {      
 isCollapsedInService($event){    
    console.log("Button is clicked!", $event);    
  }    
}