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进行反馈,火山引擎收到您的反馈后将及时答复和处理。

相关内容

热门资讯

透视工具!拱趴大菠萝自动计算机... 透视工具!拱趴大菠萝自动计算机器人(透视)原来有挂(详细辅助德州论坛);1、很好的工具软件,可以解锁...
玩家必看科普!werplan辅... 玩家必看科普!werplan辅助软件,wepoker辅助真的假的,必胜教程(有挂技巧);小薇(透视辅...
透视有挂!wepoker有没有... 透视有挂!wepoker有没有挂(透视)本来真的有挂(详细辅助教你攻略)亲,关键说明,赛季回归,软件...
推荐一款!werplan免费挂... 推荐一款!werplan免费挂下载,hh poker插件下载,第三方教程(有挂辅助);大神普及一款德...
透视游戏!德扑HHpoker有... 透视游戏!德扑HHpoker有挂吗(透视)真是真的有挂(详细辅助教你攻略)1、机器人多个强度级别选择...
透视存在!poker mast... 透视存在!poker master辅助(透视)果然真的有挂(详细辅助揭秘攻略)1、用户打开应用后不用...
推荐几款新版!aapoker脚... 推荐几款新版!aapoker脚本怎么用,wepoker辅助透视软件,技巧教程(有挂透视)准备好在we...
教程辅助!hhpoker作弊码... 教程辅助!hhpoker作弊码,wepokerplus透视脚本免费,靠谱教程(有挂攻略)1、许多玩家...
透视规律!wepoker看底牌... 透视规律!wepoker看底牌(透视)都是存在有挂(详细辅助技巧教程)1、构建自己的辅助插件;2、选...
一分钟快速了解!拱趴大菠萝开挂... 一分钟快速了解!拱趴大菠萝开挂方法,wepoker辅助器官方,2025新版总结(有挂攻略);科技安装...