在Angular 2

时间:2018-02-02 12:27:35

标签: angular twitter-bootstrap modal-dialog

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

我已经在我的styles.css @import' ../../../ Content / bootstrap.css';

中导入了bootstrap

(尝试了ng2-opd-pop并遇到了大量错误)

2 个答案:

答案 0 :(得分:0)

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

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

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

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

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

答案 1 :(得分:0)

如果您在应用程序中安装了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