在Angular 2

Question

有没有办法在我的角度2应用程序中使用弹出模式而不安装像ng2-opd-pop等其他已知的软件包？

我已经在我的styles.css @import＆＃39; ../../../ Content / bootstrap.css＆＃39;;

中导入了bootstrap

（尝试了ng2-opd-pop并遇到了大量错误）

Answer 1

所以基本上使用3方UI组件有时候是一个很大的任务，如果你没有导入，或者你在导入它们时失败了一些步骤。

如果您想使用任何3方UI组件，请按照其指南或步骤完全显示。

如果您想使用pop功能，可以使用Angular本身的angular material官方UI库。

如果你想要更多花哨的组件，你可以看看PrimeNg

如果您希望自己创建弹出窗口或对话框以显示信息，您可以添加HTML代码，并且可以以编程方式显示和隐藏div。

Answer 2

如果您在应用程序中安装了bootstrap 4，请尝试此操作。

  

app.component.html

import {Component, OnInit, ViewChild} from '@angular/core';

@ViewChild('myModal') myModal;

openModel() {
  this.myModal.nativeElement.className = 'modal fade show';
}
closeModel() {
   this.myModal.nativeElement.className = 'modal hide';
}

  

app.component.ts

forEach