primeNG 确认对话框消息显示为 html

2023-12-24

我需要将确认对话框消息显示为 html,这就是我的对话框在组件中的外观:

this.confirmationService.confirm({
        header: "Change user status",
        message: "Do you want to change user status to <strong>" + status + "</strong >?",
        accept: () => {
            //
        }
    });

这就是它在页面上的样子:

我尝试用两种方法做到这一点,但没有成功

<p-confirmDialog width="500" appendTo="body">
<template pTemplate="body">
    <span class="ui-confirmdialog-message">{{message}}</span>
</template>
<p-confirmDialog width="500" [innerHTML]="message"></p-confirmDialog>

所以这有点旧了,但对于未来 - 解决方案是更改引用类型message.

所以,改变

 message: "Do you want to change user status to <strong>" + status + "</strong >?",

to

 message: `Do you want to change user status to <strong>" + status + "</strong >?`,
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

primeNG 确认对话框消息显示为 html 的相关文章

  • 在 Angular 4 中显示订阅数据

    我需要帮助来显示 Angular 4 中 api 订阅的输出 既然我写了 data data data 但它说类型对象上不存在属性数据 我该怎么做呢 我如何在浏览器中输出它 下面是我的代码和api图片 import Component On
  • 如何在角度通用中使用localStorage?

    我正在使用 angular v4 0 3 和 webpack 2 2 0 使用它工作得很好Auler http ium com evertonrobertoauler angular 4 universal app with angular
  • Angular 5 组件不属于任何 NgModule

    我创建了一个名为 player create 的新组件 并将其添加到 app module 中的声明中 但是 当我尝试加载页面时 出现以下错误 组件 PlayerCreateComponent 不是任何 NgModule 的一部分 或者该模
  • Ionic 4 用户登录后无法立即显示注销按钮

    我正在我的 Ionic 4 应用程序中工作 并且已经制作了登录 注册系统 当用户登录后 用户将能够访问该页面 当用户未登录并尝试访问该页面时 它将被重定向到登录页面 这是我的用户登录 page ts async UserLoginDetai
  • 如何使用 Angular CLI 添加应用程序范围的 CSS 文件?

    我想向我的 Angular 2 应用程序添加一些分片样式 例如字体和配色方案等将在任何地方使用的东西 过去 我总是通过在索引页面添加这样的标签来完成此操作 这不适用于 CLI 用于为应用程序提供服务的任何内容 我尝试在构建后手动将 css
  • 很棒的字体图标没有出现在 Angular 5 中

    我按照说明安装了它 首先我输入了 npm install save font awesome angular font awesome 并且一切都正确安装了 然后我换了 angular cli json包含这样的 css styles st
  • 带有 angular-cli 的 SVG 图标系统

    我有一个 Angular2 项目 它是通过 Angular CLI 创建的 在 webpack 中 有一个加载器来加载 svg sprite 并从 svgs 列表生成该 sprite 但是 当 angular cli 不允许我更改 webp
  • 如何对 AG-Grid 中标题名称为空的列进行排序

    如何对 AG Grid 中带有空标题的列进行排序 正在传递的 colDef var columnDefs headerName sortable true suppressToolPanel true field 笨蛋 https plnk
  • Angular 2 中的 Observable 和 ngFor

    下面是一个使用 rxjs Observables 的简单示例 Angular 2 组件 import Component OnInit from angular core import Observable from rxjs Observ
  • 如何在 Angular 2 Material Autocomplete 中获取所选项目的值

    我使用 Angular Material 创建了一个自动完成字段 并成功从 Web api 获取国家 地区列表 CountryID gt 项目值 或索引 国家 地区 gt 项目文本 当我尝试获取所选项目的值 而不是文本 时 它会按预期返回文
  • Angular 7 Guard 重定向仅适用于双击

    问题是我已经实现了一个 Guard 旨在处理特定的目录 如果当前用户名的角色等于 2 它应该返回 true 如果没有 那么它不应该重定向 这是我的 app routing module ts 文件 问题出在 userlist 路径中 我们是
  • “.builders['browser']”应该具有必需的属性“class”

    使用 npm install 成功安装依赖项后 在运行服务器时出现以下错误 Schema validation failed with the following errors Data path builders browser shou
  • 模拟 ngrx/store

    这是关于 Angular 2 官方版本的 我知道单元测试在 beta RC 和正式版本之间发生了巨大的变化 当 ngrx store 用作构造函数中的参数时 在单元测试中模拟 ngrx store 的好方法是什么 这并不像嘲笑服务那么简单
  • html输入数字,min + step,使step忽略min?

    是否有可能使step忽略min属性
  • 在 TypeScript / Angular 4+ 中将 Enum 键显示为字符串

    export enum Type TYPE 1 Apple TYPE 2 Orange TYPE 3 Banana 当我登录时Type TYPE 1 toString默认情况下会调用方法 console log Type TYPE 1 is
  • 配置 htaccess 以使用 Angular 和 PHP 路由

    我正在尝试使用 Angular 4 和 PHP 路由 但我无法配置它以便同时使用两者 我可以让它与其中之一一起工作 但不能同时与两者一起工作 这是我的文件夹结构 root index html vendor bundle js other
  • 如何将属性绑定到 style.width (以像素为单位)?

    我正在使用 Angular 2 并且编写了以下代码 div some texts div 我也尝试过 div some texts div export class MyComponent width number 150 但它并不将宽度绑
  • 如何按顺序使用 RxJS 可观察量?

    事情是这样的 我有一个 HTTP get 请求 它返回一个 JSON 对象列表 我使用 RxJS 订阅接收该列表的数据 现在 对于该列表中的每个对象 我想执行另一个 HTTP 请求 然后将该请求的结果放入数组中 到目前为止 我已经能够做到这
  • Angular Material Table:自定义排序文件夹和文件项

    我的里面有不同类型的物品mat table 文件和文件夹 它们必须像在 Microsoft 文件资源管理器中一样进行排序 文件夹不能与文件夹分开 同样也不能与文件分开 所有其他排序规则保持不变 有谁知道如何解决这个问题 先感谢您 您必须覆盖
  • Angular 2:ngModel 输入上“数字”管道的光标问题

    我有一个输入 我想像货币一样显示 我希望只允许两位小数 并且只允许数字 同时在必要时自动添加逗号 基本上 如果用户输入 12345 我希望输入自动显示为 12 345 00 12 345 也可以接受 但如果他们输入 12345 5 则需要显

随机推荐