angualr4 监听根据浏览器大少动态设置组件宽度

1.控制器

import { Observable } from 'rxjs/Rx';

ngOnInit() {
    Observable.fromEvent(window,'resize').subscribe((event) => {
      this.setContentHeight();
    });
 }

setContentHeight(){
    let setHeight;
    if(this.selectedBacklogType != "单据待办"){
       setHeight = window.innerHeight-47-88;
    }else{
       setHeight = window.innerHeight-96;
    }
    this.setTheHeight = setHeight+"px";
}

2.HTML模版

<div class="backlogcontent fancy-scrollbar" [ngStyle]="{'height':setTheHeight}" id="backlogcontent">
  <app-backlogcontent [selectItem]='selectedBacklogType' (sendMsg)="getSonMsg($event)"></app-backlogcontent>
</div>