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

相关内容

热门资讯

wpk透视辅助!德扑自定义房间... wpk透视辅助!德扑自定义房间,欢乐棋牌有挂,解密教程(有挂黑科技);是一款可以让一直输的玩家,快速...
透视系统(wepOke)外挂透... 《透视系统(wepOke)外挂透明挂辅助代打(wepower辅助器)本来真的是有挂(详细透视新版20...
透视代打(wepOkE)外挂透... 透视代打(wepOkE)外挂透明挂辅助技巧(wepokeai代打)素来真的是有挂(详细透视透明挂教程...
wpk发牌逻辑!微扑克ai人工... wpk发牌逻辑!微扑克ai人工智能,德扑之星如何开房间,微扑克教程(有挂方法),您好,wpk发牌逻辑...
wepoke辅助德之星!微扑克... wepoke辅助德之星!微扑克辅助工具,wepoke透明挂,解密教程(有挂辅助挂)1)wepoke辅...
透视规律(wopoker)外挂... 透视规律(wopoker)外挂透明挂辅助代打(wepoke确实有挂)确实真的是有挂(详细透视总结教程...
德州ai辅助有用!wepoke... 德州ai辅助有用!wepoke模拟器,pokermaster有德州,插件教程(有挂方法)德州ai辅助...
透视软件(wePOke)透视辅... 透视软件(wePOke)透视辅助器(wepoke一定有挂)竟然是真的有挂(详细透视揭秘教程);实战中...
智星德州菠萝偷偷看牌功能!德州... 智星德州菠萝偷偷看牌功能!德州ai辅助器,来玩德州app有挂,黑科技教程(有挂介绍)1、很好的工具软...
透视存在(wEpoKe)透视辅... 透视存在(wEpoKe)透视辅助app(wepokeai代打的胜率)好像存在有挂(详细透视攻略教程)...