前端设计模板进行区分显示

￡神魔★判官ぃ 2022-11-15 01:29 193阅读 0赞

### 业务需求实现： ###

根据otherType进行不同字段的的展示。

假设现在存在如下多种业务类型展示不同的字段：  
√ ×表示是否显示字段

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMjc3NDA0_size_16_color_FFFFFF_t_70]  
otherType绑定下拉框的值

<app-other-type [otherType]="otherType" #childOther></app-other-type>

#### other-type.component.html ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMjc3NDA0_size_16_color_FFFFFF_t_70 1]

#### other-type.component.ts ####

//input输入
      @Input() otherType: any;
      //外放监听事件 
      @Output() add = new EventEmitter();

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMjc3NDA0_size_16_color_FFFFFF_t_70]: /images/20221022/8a2cc21356334d1eb2d688d0071e87e4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMjc3NDA0_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20210330185335209.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMjc3NDA0,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，193人围观）

还没有评论，来说两句吧...

相关阅读

相关类模板与模板类概念区分

类模板的定义：允许用户为类定义个一种模式，使得类中的某些数据成员、默认成员函数的参数，某些成员函数的返回值，能够取任意类型（它是一个参数未确定的模板） tem

Bertha 。/ 2023年10月18日 17:44/ 0 赞/ 57 阅读

相关前端模板素材

[http://sc.chinaz.com/moban/][http_sc.chinaz.com_moban] [http_sc.chinaz.com_moban]: ht

悠悠/ 2023年06月23日 10:55/ 0 赞/ 51 阅读

相关前端代码注释模板

前端代码注释模板，请根据自己的使用情况自行筛选使用。 / @name 名字 @abstract 申明变量/类/方法 @access 指明这个变量、类、函数/方法

布满荆棘的人生/ 2023年02月13日 08:58/ 0 赞/ 56 阅读

相关前端设计模板进行区分显示

业务需求实现：根据otherType进行不同字段的的展示。假设现在存在如下多种业务类型展示不同的字段： √ ×表示是否显示字段 ![在这里插入图片描述][wa

￡神魔★判官ぃ/ 2022年11月15日 01:29/ 0 赞/ 194 阅读

相关前端区分打包环境

一、安装cross-env cnpm install --save-dev cross-env 通过cross-env这个插件我们能够跨平台设置环境变量.那么我们怎

素颜马尾好姑娘i/ 2022年09月14日 03:07/ 0 赞/ 259 阅读

相关条件区分逻辑代码构建设计

条件区分逻辑代码设计目前有三种情况： 1、非类型条件区分如特定数值或者特定字符此类可以通过制定常量实现 public static final

喜欢ヅ旅行/ 2022年08月23日 08:43/ 0 赞/ 21 阅读

相关前端后台模板管理

[https://segmentfault.com/a/1190000015835976?utm\_source=tag-newest][https_segmentfault.

短命女/ 2022年04月01日 06:00/ 0 赞/ 394 阅读

相关 Web前端和后端之区分

在我们实际的开发过程中，我们当前这样定位前端、后端开发人员。 1）前端开发人员：精通JS，能熟练应用JQuery，懂CSS，能熟练运用这些知识，进行交互效果的开发。

超、凢脫俗/ 2022年01月22日 03:55/ 0 赞/ 280 阅读

相关前端学习（八）：区分escape、encodeURI和encodeURIComponent

escape和它们不是同一类简单来说，escape是对字符串(string)进行编码(而另外两种是对URL)，作用是让它们在所有电脑上可读。编码之后的效果是%XX或

迈不过友情╰/ 2022年01月20日 00:27/ 0 赞/ 423 阅读

相关前端模板引擎 -- Freemarker

一、Freemarker介绍 > FreeMarker是一个模板引擎，一个基于模板生成文本输出的通用工具，使用纯Java编写。 > FreeMarker被设计用来生成H

╰半橙微兮°/ 2021年10月18日 15:15/ 0 赞/ 1480 阅读