Angular 4根據(jù)組件名稱動(dòng)態(tài)創(chuàng)建出組件的方法教程

 Utility.$ShowDialogComponent('ComponentName', {
 Params1,Params2...
 }, {
 onEventName1:()=>{},
 ...
 });

@Component({
 selector: 'xtn-mode-dialog',
 templateUrl: './Dialog.html',
 styleUrls: ['./Dialog.scss'],
 animations: [ // 彈框的添加一個(gè)動(dòng)畫效果，由小到大顯示，關(guān)閉時(shí)候，由大小到最后不見了。
 trigger('TriggerState', [
 state('inactive', style({ transform: 'scale(0.1)' })),
 state('active', style({ transform: 'scale(1)' })),
 transition('inactive => active', animate('150ms ease-in')),
 transition('active => inactive', animate('150ms ease-out')),
 ])
 ]
})
export class XtnDialog implements OnInit, OnDestroy, OnChanges, AfterContentChecked, AfterContentInit {
 // 依賴注入動(dòng)態(tài)創(chuàng)建組件的工廠類
 constructor(private resolver: ComponentFactoryResolver) {
 }
 // 內(nèi)容檢查，主要是判斷是打開還是關(guān)閉彈框。
 ngAfterContentChecked(): void {}
 // 銷毀操作
 ngOnDestroy(): void {}
 // 這里就是動(dòng)態(tài)創(chuàng)建的組件地方法
 LoadComponent(self:any){}
 ngAfterContentInit(): void {}
 ....
}