typescript NG-警报

Posted 2021-05-21

@Component({
  selector:'[single-alert]',
  template:`<div [class]="'alert alert-'+alert.type" *ngIf="dissmiss">
              <span>{{alert.msg}}</span>
          </div>`,
  encapsulation:ViewEncapsulation.None
})

export class AlertComponent implements OnInit{

  @Input() alert:any = {};
  @Output() onClosed = new EventEmitter();
  private dissmiss:boolean = true;
  constructor(){}

  ngOnInit(){
    setTimeout(()=>{
      this.dissmiss=false;
      this.onClosed.emit();
    },this.alert.timeout)
  }
}