angular 字典值处理方法

最新推荐文章于 2022-04-29 17:57:01 发布
最新推荐文章于 2022-04-29 17:57:01 发布
阅读量733 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Thelittlewhale/article/details/107052431
版权
在基金产品的提醒类型中，如'净值波动提醒'对应后台值'A'。文章讨论了如何处理字典值，避免后台修改值导致前端代码频繁变动。最初考虑使用switch case，但发现这将使字典失去意义。最终采用的方法是在使用字典值时进行动态转换，以适应后台值的变化和新提醒类型的添加。
摘要由CSDN通过智能技术生成

以基金产品中的提醒类型为例，某个提醒为“净值波动提醒”，后台要的值为“A”，前台要显示为“净值波动提醒”，可以在后台增删修改提醒类型。
相关字典值
提醒类型 REMIND_TYPE
产品类型 REMIND_FUND_TYPE

转换嘛，最初想到的是用switch case，但后来发现能实现想要效果，但字典值就失去了意义。试想，如果在后台修改“净值波动提醒”对应的值为“B”，那前端代码中是不是还要手动去修改转换对应的代码？同理新增提醒类型也是，仍需要手动去维护前端代码。

// html中“提醒类别”的select标签里添加事件
(ngModelChange)="typeChange()"

// ts中
typeChange(){
   
	// 所在位置getLoadListBody
	// sRemindType  A
最低0.47元/天 解锁文章
Thelittlewhale
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Angular核心基础回顾
Jack汪喆的技术分享栏
07-04 366
一.TypeScript中的Interface Interface接口用来作为对共性的抽象描述。类型很重要，Interface在TypeScript中很重要的作用之一就是类型命名。 1.使用举例 定义接口 interface Person { firstName: number, lastName: string, kids: number } 指定实例 va...
如何在AngularJs中使用ng-repeat进行词典？
xfxf996的博客
08-19 344
I know that we can easily use ng-repeat for json objects or arrays like: 我知道我们可以轻松地对json对象或数组使用ng-r
Angular：利用管道动态配置并维护数据字典
灿灿大王搭建的黄金屋
03-13 650
想要让用户(系统管理员)可以在页面上动态维护数据字典,而不是前端程序员将下拉选项等写死在页面上,那么就需要用到管道,通过标识符唯一定位到相应的字段上的下拉选项等中的内容。 第一步，首先在系统的“数据字典”页面配置数据字典的名称、代码编号、便签和键值等信息： 记住代码编号，这里以PUR_TYPE为例，这是要在 sys-status.pipe.ts中进行配置的唯一标识符： import {...
Angular 通过管道pipe，转换后台字典数据
m173net的博客
04-29 974
背景：系统中很多字典数据都是在后台获取，通常是一些数字或者字母。我们要把他转换成用户看得懂的文字 一.列表字典数据转换（只能在页面使用） 1.创建pipe文件 dictData 为页面查询到的字典数据，传到pipe 管道里使用 import {Pipe, PipeTransform} from '@angular/core'; import {DictService} from "../components/dict-data-select/dict-data-select/dict.servic
Angular2 字典的实现
qq_21209307的博客
04-01 516
使用Map 创建Map类型的字典，增加元素 this.dicMap = new Map<string,number>(); dicMap.set("zhangsan",20); dicMap.set("lisi",30); dicMap.set("wangwu",40); ...
Angular | 已知字典表value值，反显对应label
栈斗民族的博客
05-20 783
应用场景 在一些业务场景中，尤其是表单展示数据时，会包含一些存为字典表的数据，比如地址信息等，后端接口如果只返回了key值，则需要前端通过调用字典表接口去查询value值来反显到表单上。 业务html: dictSrv.province$是字段对应的字典表接口，返回值为Observable；dictTrans是字典转换管道(Pipe)；province是后端传回的key取值；value和label的传值具体根据字典表返回的key和value对应的字段 <div>省份: {{ dictSrv.pr
Angular 开发
qt的博客
02-27 5509
Angular 企业实战开发 1. 概述 Angular 是一个使用 HTML、CSS、TypeScript 构建客户端应用的框架，用来构建单页应用程序。 Angular 是一个重量级的框架，内部集成了大量开箱即用的功能模块。 Angular 为大型应用开发而设计，提供了干净且松耦合的代码组织方式，使应用程序整洁更易于维护。 Angular Angular 中文 Angular CLI 2. 架构预览 2.1 模块 Angular 应用是由一个个模块组成的，此模块指的不是ESModule，而是 Ng
Angular学习教程-英雄之旅
weixin_42417934的博客
01-04 2563
Angular学习教程-英雄之旅 官网链接 https://angular.cn/tutorial 文章目录Angular学习教程-英雄之旅一、能学习到二、创建项目三、英雄编辑器Part11.创建英雄列表组件2.添加 `hero` 属性4.显示英雄5.启动Part21.创建Hero类2.把组件的 `hero` 属性的类型重构为 `Hero`。3.显示 `hero` 对象4.双向绑定5.缺少 `FormsModule`最后结果四、显示英雄列表Part11.创建模拟（mock）的英雄数据2.显示这些英雄3.使用
python循环取字典中的值_Python:如何格式化循环以在字典列表中提取特定值？ - python...
weixin_39516956的博客
12-09 1433
因此，我试图从以特定格式制作的字典列表中提取信息，但是为了我的生命，我无法创建一个循环来从所需的确切位置提取信息，它不会打印任何内容，但不会收到任何错误。这是一个例子：class Global():prv_word = 'dumb'cur_word = 'dog'nxt_word = 'head'class Animal():dog = [{'head': {'funny': [8 , 7 , 1...
Angular2 TypeScript 实现Dictionary
qq_21209307的博客
04-09 230
代码实现 export class Dictionary { items: object; constructor() { this.items = {}; } has(key: any): boolean { return this.items.hasOwnProperty(key); } set(key: any,...
字典中判断某个key是否存在
weixin_43745987的博客
01-07 9066
描述背景： 测试评论接口中，有的评论是对帖子（文章），有的是对评论的评论，postman 测试传参时，有的要传帖子id，有的要传评论id,后台要判断传入的参数是哪个id，自己一时转不来弯了，所以到这里来记录一下 传入的参数都是属于字典类型，要判断这个参时是否在这个字典里有两种方法： 1. 字典.has_key(‘参数key’) 2. ‘参数key’ in 字典.keys(): ``` data =...
angularJs通过过滤器实现获取数据字典
ouwaner的专栏
09-19 3587
//缓存数据字典 var dicMap =  JSON.parse(dictData); /**  * 获取字典值的方法  * @param key  关键字  * @param type 大类  * @return 返回结果对像 success为true，则value为字典值  */ arm.getDict = function(key, type) {     var re
angular 动态遍历数组中的字典
remember_persistent的博客
06-25 2488
问题描述：生成一个表格，表头信息存放在$scope.options.theads里面，数据格式为[{ 'rows': [{ 'isedit': '0', 'title': 'pubtime', 'iscombine': '0', 'colspan': 1, 'rowspan': 1, 'field': 'xx...
Angular6 键值对的两种方式
weixin_30464371的博客
11-08 2959
1.数组脚标 rating: { [key: string]: number; } = { ‘t’: 3, ‘o’: 5, ‘g’: 10 }; 2.Map map = new Map&lt;string, string&gt;();
angular 字符串转换成数字_每周一课 | Python 示例拆分字符串入到字典里面
weixin_39779739的博客
10-22 84
很少有Python示例向您展示如何将字符串拆分为字典。1.1将字符串拆分成字典。#!/usr/bin/pythonstr = "key1=value1;key2=value2;key3=value3"d = dict(x.split("=") forxin str.split(";"))fork, v in d.items():print(k, v)输出量key1value1ke...
Angular2 管道pipe，如何自定义管道
erciyuan_nuonuo的博客
11-20 7642
作为一名前端er，我们的数据要推入到视图中，但是HTML视图中显示的格式和数据未必完成相同，比如我们的数据都是小写，但是视图中需要显示大写，如果我们在代码中另存一组转换为大写的数据，不但会使代码变得复杂难以维护，而且可阅读性差，ng2中的管道完美的解决了这个问题。ng2内置了很多管道，比如DatePipe 、 UpperCasePipe 、 LowerCasePipe 、 CurrencyPipe
Angular中数组与字典循环写法
weixin_30328063的博客
08-29 388
数组1、 for (const i in declareItems) { 　　if (declareItems.hasOwnProperty(i)) { 　　　　const index = i； 　　　　constdeclareItem =declareItems[i]; 　　} } 数组2、 for (const item of declareItem...
typescript中使用字典类型Dictionary
assassin_0302的博客
02-21 8250
  参考文章：https://blog.csdn.net/bingheliefeng/article/details/72778696 //key为string , value为number var map: { [key: string]: number; } = {     "t" : 3,     "o" : 5,     "g" :10 }; for(let k in map){   ...
Angular异步到同步处理：Promise与$q服务解析
"本文主要探讨了在Angular开发中如何处理异步操作，特别是如何通过Promise将异步变同步，以解决接口依赖和代码混乱的问题。文章介绍了Promise的概念，Angular中的`$q`服务以及相关方法的使用，帮助开发者更好地理解...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值