Css Toastr服务不适用于Internet Explorer
我使用ngx toastr模块在angular应用程序中显示toastr,它与Chorme、Firefox配合良好,但在IE中不起作用。它在ngOninit()函数中起作用,但在任何其他函数中都不起作用 . 从“ngx-toastr”导入{ToastrModule} polyfills.ts /**Css Toastr服务不适用于Internet Explorer,css,angular,ngx-toastr,Css,Angular,Ngx Toastr,我使用ngx toastr模块在angular应用程序中显示toastr,它与Chorme、Firefox配合良好,但在IE中不起作用。它在ngOninit()函数中起作用,但在任何其他函数中都不起作用 . 从“ngx-toastr”导入{ToastrModule} polyfills.ts /** 此文件包含Angular所需的多边形填充,并在应用程序之前加载 您可以将自己的额外多边形填充添加到此文件 * 该文件分为两部分: 浏览器多边形填充。这些在加载ZoneJ之前应用,并按浏览器排序
- 此文件包含Angular所需的多边形填充,并在应用程序之前加载
- 您可以将自己的额外多边形填充添加到此文件 *
- 该文件分为两部分:
- 浏览器多边形填充。这些在加载ZoneJ之前应用,并按浏览器排序
- 应用程序导入。在ZoneJS之后导入的文件,应在主应用程序之前加载
- 文件 *
- 目前的设置是针对所谓的“常青”浏览器;最新版本的浏览器
- 自动更新自己。这包括Safari>=10,Chrome>=55(包括Opera)
- 桌面上的Edge>=13,移动设备上的iOS 10和Chrome *
- 在中了解更多信息 */
- 浏览器多边形填充 */
npm安装--保存classlist.js
/**IE10和IE11要求反射API满足以下要求*/
导入“core js/es6/reflect”
/**常青浏览器需要这些**/
//用于在JIT中反映元数据。如果使用AOT(并且仅使用角度装饰器),则可以删除
导入“core js/es7/reflect”
/**
- 网络动画
@angular/platform browser/Animations
- 仅在应用程序中使用AnimationBuilder并使用IE/Edge或Safari时才需要
- Angular中的标准动画支持不需要任何多边形填充(从Angular 6.0开始) **/
npm安装--保存web动画js
/**
- 默认情况下,zone.js将修补所有可能的宏任务和事件
- 用户可以通过设置以下标志禁用部分宏任务/DomEvents修补程序 */
- 在IE/Edge开发工具中,addEventListener也将由zone.js包装
- 使用以下标志,它将绕过IE/Edge的
patch */zone.js
- 默认情况下,角度本身需要区域JS */
- 应用程序导入 */
Element.prototype.matches=(Element.prototype).msMatchesSelector||
Element.prototype.webkitMatchesSelector;
}
package.json
{
“名称”:“xtreme管理员”,
“版本”:“0.0.0”,
“脚本”:{
“ng”:“ng”,
“开始”:“node app.js”,
“构建”:“ng构建”,
“测试”:“ng测试”,
“皮棉”:“ng皮棉”,
“e2e”:“ng e2e”,
“postinstall”:“节点修补程序webpack.js”
},
“私人”:没错,
“依赖项”:{
“@agm/core”:“^1.0.0-beta.7”,
“@angular/animations”:“^7.0.1”,
“@angular/common”:“^7.0.1”,
“@angular/compiler”:“^7.0.1”,
“@angular/core”:“^7.0.1”,
“@angular/forms”:“^7.0.1”,
“@angular/http”:“^7.0.1”,
“@angular/platform浏览器”:“^7.0.1”,
“@angular/platform browser dynamic”:“^7.0.1”,
“@angular/router”:“^7.0.1”,
“@jaspero/ng确认书”:“^0.4.7”,
“@jaspero/ng2确认书”:“^0.3.3”,
“@ng bootstrap/ng bootstrap”:“^3.3.1”,
“@swimlane/ngx图表”:“^7.0.1”,
“@swimlane/ngx datatable”:“^13.1.0”,
“@types/crypto js”:“^3.1.43”,
“角度日历”:“^0.25.2”,
“角度数据表”:“^6.0.0”,
“angular2通知”:“^2.0.0”,
“bcryptjs”:“^2.4.3”,
“引导”:“^4.1.3”,
“c3”:“^0.4.23”,
“chart.js”:“^2.8.0”,
“图表编制者”:“^0.11.3”,
“classlist.js”:“^1.1.20150312”,
“压缩”:“^1.7.4”,
“核心js”:“^2.6.9”,
“关键”:“^1.3.6”,
“加密js”:“^3.1.9-1”,
“d3”:“^4.8.0”,
“datatables.net”:“^1.10.16”,
“datatables.net dt”:“^1.10.16”,
“快车”:“^4.17.1”,
“express simple cdn”:“^1.0.1”,
“jquery”:“^3.4.1”,
“jspdf”:“^1.5.3”,
“jspdf自动表格”:“^3.2.4”,
“karma html reporter”:“^0.2.7”,
“karma phantomjs启动器”:“^1.0.4”,
“karma teamcity reporter”:“^1.1.0”,
Element.prototype.matches = (<any>Element.prototype).msMatchesSelector ||
Element.prototype.webkitMatchesSelector;
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.toast {
display: block !important;
}
}
@supports (-ms-accelerator:true) {
/* IE Edge 12+ CSS styles go here */
.toast {
display: block !important;
}
}