如何使用Angular CLI实现ng2-ui(NPM包)？

这是我的示例代码.

ex.component.html

<div id='div1' class='container row'>
  Div 1


</div>

<div id="overlay" ngui-overlay-of="div1" style='BACkground-color:black'>
  Loading data......
</div>

<div id="overlay2" ngui-overlay-of="div1" style='BACkground-color:blue'>
  Loading data......
</div>

<button (click)="showOverlay($event)" class='btn btn-success'>Show Overlay</button>
<button (click)="hideOverlay()" class='btn btn-danger'>Hide Overlay</button>

<br /><br />
<button (click)="showOverlay2($event)" class='btn btn-success'>Show Overlay</button>
<button (click)="hideOverlay2()" class='btn btn-danger'>Hide Overlay</button>

ex.component.ts

import { Component,OnInit } from '@angular/core';
import { NguiOverlaymanager } from '@nguI/Overlay';
@Component({
  SELEctor: 'app-ex',templateUrl: './ex.component.html',styleUrls: [ './ex.component.css' ],providers:[NguiOverlaymanager]
  
})
export class ExComponent implements OnInit {

  constructor(private oveRMANager:NguiOverlaymanager) { }

  ngOnInit() {
  }

  showOverlay(event: Event) { 

    this.oveRMANager.open('overlay',event);
  }

  hideOverlay() { 
    this.oveRMANager.close('overlay');
  }

  showOverlay2(event: Event) {

    this.oveRMANager.open('overlay2',event);
  }

  hideOverlay2() {
    this.oveRMANager.close('overlay2');
  }

}

从’@ngui / overlay’添加import {NguiOverlaymodulE};到模块并将NguiOverlaymodule添加到imports数组.