首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >从Angular 2模型驱动的表单访问验证信息?

从Angular 2模型驱动的表单访问验证信息?
EN

Stack Overflow用户
提问于 2016-06-02 07:03:58
回答 1查看 107关注 0票数 0

我有一个Angular 2表单,它使用模板驱动的方法,我正在将其转换为模型驱动的方法。目前,表单使用的样式如下:

代码语言:javascript
运行
复制
.ng-valid[required] {
  border-left: 5px solid #42A948; /* green */
}

这将用绿色条标记所有具有必需属性的字段。

现在我将其转移到模型驱动,该控件不再具有“必需”属性。有没有办法通过表单中的绑定来访问与控件(见下文)相关的验证规则?

代码语言:javascript
运行
复制
  buildForm() {
    this.heroForm = this.fb.group({
      'name': [this.model.name, 
               Validators.compose([Validators.required,
                          Validators.minLength(4),
                          Validators.maxLength(24)])],
      'alterEgo': [this.model.alterEgo],
      'power': [this.model.power, Validators.required]
    });
EN

回答 1

Stack Overflow用户

发布于 2016-06-02 07:36:39

通过使用我的一组内部数据结构并构建如下方法,我能够提供此逻辑:

代码语言:javascript
运行
复制
  isRequired(controlName: string): boolean {
      if (Object.keys(this._validationMessages).includes(controlName)) {
        return Object.keys(this._validationMessages[controlName]).includes('required');}
      return false;
  }

然后,模板绑定到此方法,传入控件的名称。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/37580166

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档