Angular2 - [innerHTML] pipe(把字符串里的 /n 替换成＜br/＞)

需求

把接口返回的使用说明字符串innerHTML出来；

本来想直接 [innerHTML] 就可以了，但是事不遂人愿，那就写个pipe过滤一下；

过程

// 接口返回字符串：// "couponRule": "使用说明：\n 1. 每人限领1张，仅限到店使用\n2. 到店时请向服务顾问出示优惠券用于核销；\n3. 优惠体验需一次性完成，请在有效期内使用，逾期失效。\n*优惠券领取时需填写手机号获取验证码，领取完成后请到我的-个人中心-我的钱包确认是否领取成功。"// 3种情况<p>{{couponValid.couponRule}}</p><p [innerHTML]="couponValid?.couponRule |zConvertText | safeHtml"></p><p [innerHTML]="couponValid?.couponRule |hDataBr |zConvertText | safeHtml"></p>

结果：

过滤器

/*** Created by Echo_hx on 2021/05.* 把字符串里的 /n 替换成 <br/>*/
import { Pipe, PipeTransform } from '@angular/core';@Pipe({name: 'hDataBr'})
export class DataBrPipe implements PipeTransform {transform(value: any) {return value.replace(/\n/g,'<br/>');}}

Angular2 - [innerHTML] pipe(把字符串里的 /n 替换成＜br/＞)相关推荐

浅谈C语言将字符串中的空格替换成%20的几种方法（附图超级详细解答）
文章目录题目分析暴力位移法巧用数组法高效倒放法题目分析将字符串中的空格替换为%20.样例: "abc defgx yz" 转换成 "abc%20defgx%2 ...
js：将字符串中的逗号替换成空格
s.replace(/,/g," "); g(global 全局)指的是将s中所有的逗号都替换成空格如若只需要替换第一个逗号,则s.replace(/,," " ...
请实现一个函数，将字符串中的空格替换成“%20”
一.传统做法从开始位置向后遍历,如果发现空格,则挪动后面的字符串腾出 2 个字符的空间,写入"%20",直至到字符串末尾. (灰色部分是每次要挪动的字符) 这种方法非常直观,但是 ...
JS正则——将字符串中的逗号替换成空格
全局替换 s.replace(/,/g," ")替换第1个 s.replace(','," ")
将字符串中的换行替换成空
方法一 PHP_EOL就是其中的一个,代表php的换行符,这个变量会根据平台而变,在windows下会是/r/n,在linux下是/n,在mac下是/r (linux) $str = str_rep ...
字符串的截取和替换常用方法
一:字符串的截取 python的字符串是有序集合,我们可以通过索引来提取想要获取的字符,可以把python的字符串也做为字符串的列表就更好理解 python的字串列表有2种取值顺序: 第一种是从左到右 ...
python字符串之查找与替换_Python字符串操作（查找，替换，分割和连接）方法及其使用...
str 提供了如下常用的执行查找.替换等操作的方法: startswith():判断字符串是否以指定子串开头. endswith():判断字符串是否以指定子串结尾. find():查找指定子串在字符串 ...
vue字符串替换，vue将字符串内指定字符替换，vue字符串替换函数.replace如何使用
vue字符串替换,vue将字符串内指定字符替换,vue字符串替换函数.replace如何使用需求:将原字符串内的2022替换成2023 源码 //原字符串 const ystring=2022-02 ...
python【力扣LeetCode算法题库】151- 翻转字符串里的单词
翻转字符串里的单词给定一个字符串,逐个翻转字符串中的每个单词. 示例 1: 输入: "the sky is blue" 输出: "blue is sky the&quo ...

Angular2 - [innerHTML] pipe(把字符串里的 /n 替换成＜br/＞)

需求

过程

结果：

过滤器

Angular2 - [innerHTML] pipe(把字符串里的 /n 替换成＜br/＞)相关推荐

最新文章

热门文章

Angular2 - [innerHTML] pipe(把字符串里的 /n 替换成 ＜br/＞)

需求

过程

结果：

过滤器

Angular2 - [innerHTML] pipe(把字符串里的 /n 替换成 ＜br/＞)相关推荐

最新文章

热门文章

Angular2 - [innerHTML] pipe(把字符串里的 /n 替换成＜br/＞)

Angular2 - [innerHTML] pipe(把字符串里的 /n 替换成＜br/＞)相关推荐