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

相关内容

热门资讯

透视ai代打!破解辅助插件we... 透视ai代打!破解辅助插件wepoker(透视)其实是有挂(详细辅助线上教程);辅助器中分为三种模型...
解密关于!werplan外挂,... 解密关于!werplan外挂,wepoker可以透视码,详细教程(有挂攻略);致您一封信;亲爱wep...
透视了解!impoker辅助(... 透视了解!impoker辅助(透视)确实是真的有挂(详细辅助wepoke教程)在进入辅助挂后,参与本...
一分钟了解!悦扑克脚本,aap... 一分钟了解!悦扑克脚本,aapoker插件,AI教程(有挂方法);玩家必备必赢加哟《13670430...
透视辅助!wepokerplu... 透视辅助!wepokerplus万能挂(透视)确实存在有挂(详细辅助2025教程);1、玩家可以在软...
玩家必看科普!hhpoker有... 玩家必看科普!hhpoker有透视功能吗,德州局HHpoker透视脚本,攻略方法(有挂技巧);小薇(...
透视私人局!大菠萝免费辅助(透... 透视私人局!大菠萝免费辅助(透视)本来是有挂(详细辅助科技教程)1、玩家可以在软件透明挂俱乐部对游戏...
总算了解!pokeplus脚本... 这是一款非常优秀的pokeplus脚本 ia辅助检测软件,能够让你了解到pokeplus脚本中牌率当...
透视工具!pokemmo手机脚... 透视工具!pokemmo手机脚本(透视)竟然存在有挂(详细辅助爆料教程)一、软件透明挂的定义与意义1...
一分钟了解!竞技联盟破解版最新... 这是一款非常优秀的竞技联盟破解版最新版 ia辅助检测软件,能够让你了解到竞技联盟破解版最新版中牌率当...