dart – 如何在组件类中获取ngForm变量引用？

发布时间：2020-12-17 17:56:19 所属栏目：安全来源：网络整理

导读：鉴于以下…… html的 form (ngSubmit) = "onSubmit()" #heroForm = "ngForm" {{diagnostic}} div class = "form-group" label for = "name"Name/label input type = "text" class = "form-control" required [(ngModel)] = "model.name" ngControl = "name"

鉴于以下……

html的

<form (ngSubmit) = "onSubmit()"
          #heroForm = "ngForm">
      {{diagnostic}}
      <div class = "form-group">
        <label for = "name">Name</label>
        <input type = "text"
               class = "form-control"
               required
               [(ngModel)] = "model.name"
               ngControl = "name"
               #name = "ngForm"
               #spy>
        <p *ngIf = "name.dirty"
           class = "alert alert-danger">
          Name is required
        </p>
        <!--<p [hidden] = "name.dirty"-->
           <!--class = "alert alert-danger">-->
          <!--Name is required-->
        <!--</p>-->
      </div>

..是否可以在.dart组件中获取#name =“ngForm”(ngForm)引用以允许操作？欢迎提出任何建议和更正.

解决方法

导入这个 –

import {ViewChild} from 'angular2/core';

只需将带有注释的字段添加到类中即可

@ViewChild('heroForm') NgForm heroForm;

您不能在构造函数中使用它,因为它仅在以后设置.在用于用户输入的ngAfterViewInit或事件处理程序中,您可以无限制地使用它.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!