我需要一些帮助 . 我正在尝试创建一个包装下拉值的自定义组件,并根据是否需要显示/隐藏默认的--Select--选项 . (我想稍后将其他自定义逻辑应用于此组件)

如何通过父级的被动形式设置我的自定义控件中的Validator.required?

我是Angular的新手,但不是AngularJS

父页面html:

id="siteType"

formControlName="code"

[items]="arrayOfItems">

父页面.ts:

export class MyPage {

serviceForm: FormGroup = this.fb.group({

siteType: this.fb.group({

code: [serviceData.siteType, Validators.required]

})

});

自定义控件html:

--Select--

{{ item }}

定制控制ts:

import { Component, Input, Output, EventEmitter, forwardRef, OnInit} from '@angular/core';

import { NG_VALIDATORS, FormControl, Validator, NgForm, FormBuilder } from '@angular/forms';

@Component({

selector: 'my-dropdownlist',

templateUrl: './dropdownlist.component.html',

providers: [

{

provide: NG_VALIDATORS,

useExisting: forwardRef(() => DropdownListComponent),

multi: true

}

]

})

export class MyDropdownListComponent implements Validator, OnInit {

@Input() items: any[];

@Input() required: boolean = false;

@Input() formControlName: string;

private selectedValue: any;

ngOnInit() {

//Some way to get at the Validator.required set on the parent form here so I can tell whether to apply it to my dropdown?

}

public validate(c: FormControl) {

return null; //TODO for additional future validation

}

}

java requiredstringvalidator_如何访问自定义组件中的Validator.required相关推荐

  1. moel vue 自定义v_vue在自定义组件中使用v-model的方法

    vue如何在自定义组件中使用v-model v-model指令 所谓的"指令"其实就是扩展了HTML标签功能(属性). 先来一个组件,不用vue-model,正常父子通信 我是父亲 ...

  2. UNI-APP在自定义组件中内嵌H5/Html网页,可自定义webview大小,加载不闪屏

    问题描述: UNI-APP在自定义组件中内嵌H5/Html网页时,通过内置组件 web-view 实现(如下),发现会自动铺满整个页面,不可控制大小(默认充满屏幕不可控制大小) <web-vie ...

  3. 自定义组件中添加其他组件-1 83课 左边部分,右边部分的测试

    自定义组件中的卡槽定义方法,基础语法 在组件中添加其他节点,学习代码,测试 在WXML文件中定义组件,卡槽定义. <!-- 在js文件中加入这个语法,方法后.就可以在WXML文件中写多个卡槽了. ...

  4. 微信小程序自定义组件中获取app实例的值,生命周期与页面的生命周期执行先后顺序

    调试基本库:2.12.2 最近在接触微信小程序开发 有这么一个需求,自定义组件需要给页面传一个app实例的参数, 总结: 1.自定义组件中data 不能直接获取app.globalData 2.通过自 ...

  5. vue自定义组件中再嵌套其他组件

    其实就是在容器组件里放一个插槽(slot). VUE的看点是组件.组件应用的典型例子,是一个网站首页.分为若干版块.每个版块都是一个方框框,样式一致,只是版块中间内容不同.对于VUE来说,很自然的想法 ...

  6. 微信小程序——在小程序自定义组件中获取元素定位及宽度

    在自定义组件中必须要用SelectorQuery.in(),否则无法获取 demo.wxml文件 <image class="publicImg" /></ima ...

  7. 微信小程序 自定义组件中 triggerEvent() 函数失效的一种情况 (Cannot read property ‘triggerEvent‘ of undefined)

    在网络上并没有搜索到这种情况,这里记录下避免以后的自己和广大码农踩到这个坑 问题描述:在自定义组件中想调用 this.triggerEvent()函数给父组件传参,过程中报错:Cannot read ...

  8. 微信小程序怎么修改自定义组件中的样式

    在微信小程序中我们经常要用到自定义组件,但是有时我们因为引用的地方不同可能组件的一些样式也要修改,比如颜色,高度,宽度等来适合不同的页面,有没有办法来修改自定义组件中的样式呢,很显然是有的,我们要用到 ...

  9. 小程序之修改引用的vant组件样式(包括自定义组件中的vant样式)

    今天在写小程序的时候,刚好遇到,以前遇到解决了之后忘记记录,今天记录下! 一般组件的基础样式会跟ui设计稿有些出入,就得改动! 使用vant的话,官方就有提供方法,比如复选框 我在项目中用custom ...

最新文章

  1. 安卓实现记住密码登陆功能
  2. win10北通手柄没反应_《动物森友会》怎么玩出新花样?北通宙斯游戏手柄宏玩法了解下...
  3. 网上常用免费WebServices集合
  4. machine learning-mnist
  5. 查询本地内存的栈大小_JVM内存结构
  6. 【Android 逆向】Android 中常用的 so 动态库 ( libm.so 数学函数动态库 | liblog.so 日志模块动态库 | libselinux.so 安全模块动态库 )
  7. python numpy逆_Numpy 中的矩阵求逆实例
  8. html怎么添加自动关机,电脑自动关机设置方法大全
  9. 代码随想录第七天 LeetCode 454、383、15、18 (哈希表、双指针)
  10. GO语言开发天天生鲜项目第三天 用户模块开发
  11. 无线通信基础知识7:射频器件的基本参数3
  12. prism IRegionMemberLifetime(区域成员生命周期)
  13. 许家印布局新能源汽车 恒大正式牵手柯尼塞格
  14. Linux内核源码分析《进程管理》
  15. 女孩子转数据分析难吗?难在哪里?
  16. 动态库def文件的使用
  17. 弗洛伊德经典语录(2018-4-24)
  18. 如果我没回你电话,记得帮我报警
  19. 企业家故事|“中国最帅的CEO”套现离场,曾获马云百亿投资(上)
  20. 关于mpu6050的几个很好的帖子

热门文章

  1. 第一课.图与图神经网络
  2. manifest文件
  3. 删除数组中指定元素_如何删除PHP数组元素键值并重新排序
  4. python制作解压工具_使用python制作一个解压缩软件
  5. 序列处理工具|Seqkit
  6. SBIO | 许金荣/江聪团队报道禾谷镰刀菌MAPKs介导的生长发育、逆境响应及生物互作机制...
  7. 基础006 宏基因组入门理论以及分析环境的部署
  8. java http 下载网页代码_Java下http下载文件客户端和上传文件客户端实例代码
  9. R语言ggplot2可视化散点图、可视化两个数值变量之间的关系、使用geom_smooth函数基于loess方法拟合数据点之间的趋势关系曲线、自定义数据点的大小、色彩、添加主标题、副标题、题注信息
  10. R语言ggplot2可视化树状图、层次聚类系统树图、树状图根据给定的距离度量将相似点分组在一起、并根据点的相似性将它们组织成树状图链接起来(Hierarchical Dendrogram)