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

相关内容

热门资讯

微扑克有辅助挂!微扑克有辅助吗... 微扑克有辅助挂!微扑克有辅助吗,(微扑克规律)切实存在有挂(详细辅助软件教程);是一款可以让一直输的...
微扑克游戏辅助器!微扑克软件发... 大家肯定在之前微扑克游戏辅助器或者微扑克游戏辅助器中玩过微扑克游戏辅助器!微扑克软件发牌原理,(微扑...
德扑之星实战!德扑之星有规律吗... 德扑之星实战!德扑之星有规律吗,德扑智能好像真的有挂(详细有猫腻教程);玩家必备必赢加哟《13670...
wepoke插件!wepoke... 1、wepoke插件!wepoke软件下载(Wepoke智能)竟然真的是有挂(详细辅助教程)(UU ...
德扑ai助手!德扑人工智能软件... 1、德扑ai助手!德扑人工智能软件,德扑之星开桌切实有挂(详细自定义房间教程);详细教程。2、德扑a...
微扑克ai辅助器苹果版!微扑克... 微扑克ai辅助器苹果版!微扑克ai辅助工具,(微扑克ai智能)原来是真的有挂(详细辅助软件教程);1...
红龙扑克辅助器!红龙扑克电脑模... 红龙扑克辅助器!红龙扑克电脑模拟器,(红龙扑克)确实存在有挂(详细辅助挂教程)1、点击下载安装,微扑...
德扑输赢!德扑ai代打会检测到... 德扑输赢!德扑ai代打会检测到吗,德扑之星系统本来存在有挂(详细安卓教程);支持2-10人实时对战,...
德扑之星数据!德扑之星开桌怎么... 德扑之星数据!德扑之星开桌怎么设置,德州德扑之星切实有挂(详细智能教程)是一款可以让一直输的玩家,快...
wepoke黑科技!wopok... wepoke黑科技!wopoker德州真的有挂吗(Wepoke规律)总是是真的有挂(详细计算辅助教程...