AngularPrimeNG吐司位置
创始人
2024-10-29 01:30:14
0

Angular PrimeNG的默认吐司位置是在页面的右上角。但是,您可以通过设置全局配置或在使用时指定选项来更改吐司位置。在全局配置中,您可以使用toastrConfig对象来设置吐司的位置选项。例如,要将吐司位置更改为左上角,可以将以下代码添加到app.module.ts文件中:

import { ToastrModule } from 'ngx-toastr';

toastrConfig = {
  positionClass: 'toast-top-left'
}

@NgModule({
  imports: [
    ToastrModule.forRoot({
      positionClass: this.toastrConfig.positionClass
    })
  ]
})

如果您要在使用时指定选项,请将选项作为第二个参数传递给ngx-toastr的success,error,warning或info方法。例如,在以下代码中,吐司的位置将在左上角显示:

import { Component } from '@angular/core';
import { ToastrService } from 'ngx-toastr';

@Component({
  selector: 'app',
  template: ''
})
export class AppComponent {
  constructor(private toastr: ToastrService) {}

  showToast() {
    this.toastr.success('Hello, World!', '', {
      positionClass: 'toast-top-left'
    });
  }
}

免责声明:本文内容通过AI工具匹配关键字智能整合而成,仅供参考,火山引擎不对内容的真实、准确或完整作任何形式的承诺。如有任何问题或意见,您可以通过联系service@volcengine.com进行反馈,火山引擎收到您的反馈后将及时答复和处理。

相关内容

热门资讯

3分钟教程书!aapoker透... 3分钟教程书!aapoker透视方法(透视)果然有辅助透视(哔哩哔哩)1、aapoker透视方法有没...
第9分钟步骤!WePoKer辅... 第9分钟步骤!WePoKer辅助器(透视)一直是有辅助插件(哔哩哔哩)1、第9分钟步骤!WePoKe...
七分钟机巧!wejoker手机... 七分钟机巧!wejoker手机版透视脚本(透视)竟然真的有辅助透视(哔哩哔哩)1、七分钟机巧!wej...
第九分钟机巧!德州真人透视脚本... 第九分钟机巧!德州真人透视脚本(透视)确实存在有辅助工具(哔哩哔哩)在进入德州真人透视脚本软件靠谱后...
第1分钟方案!wepoker免... 第1分钟方案!wepoker免费脚本弱密码(透视)一贯存在有辅助神器(哔哩哔哩)小薇(辅助器软件下载...
第八分钟技法!智星德州插件最新... 第八分钟技法!智星德州插件最新版本更新内容详解(透视)真是是真的有辅助脚本(哔哩哔哩)1、这是跨平台...
第九分钟学习!epoker免费... 第九分钟学习!epoker免费透视脚本(透视)竟然真的有辅助脚本(哔哩哔哩)1、金币登录送、破产送、...
六分钟手筋!pokemmo免费... 六分钟手筋!pokemmo免费脚本(透视)确实是有辅助下载(哔哩哔哩)1、进入到pokemmo免费脚...
第二分钟举措!pokerrrr... 第二分钟举措!pokerrrr2辅助(透视)本来真的是有辅助脚本(哔哩哔哩)1、点击下载安装,pok...
第八分钟积累!wejoker辅... 第八分钟积累!wejoker辅助软件价格(透视)一贯真的有辅助安装(哔哩哔哩)wejoker辅助软件...