typescript 动态的观点，6.ts

Posted 2021-05-21

import { Component, OnInit, ViewChild, ViewContainerRef } from '@angular/core';
import { SidebarService } from '../sidebar.service';

@Component({
  selector: 'app-sidebar',
  template: `    
    <div [ngStyle]="!showSidebar && {display: 'none'}">
       <ng-container #container></ng-container>
    </div>
  `
})
export class SidebarComponent implements OnInit {
  @ViewChild('container', { read: ViewContainerRef }) container;

  constructor( private _sidebarService : SidebarService ) {
  }

  ngOnInit() {
    this._sidebarService.vcr = this.container;
  }

  get showSidebar() {
    return this.container && this.container.length;
  }

}