首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >无法通过NgForm获取内容

无法通过NgForm获取内容
EN

Stack Overflow用户
提问于 2018-09-17 01:19:25
回答 1查看 43关注 0票数 -1

我正在使用NgForm获取表单data.But,显示了以下错误,并且没有呈现任何内容。

代码语言:javascript
复制
  Error: Template parse errors:
    There is no directive with "exportAs" set to "NgForm" ("<div class="add-issue">
        <h1>Add an issue</h1>
        <form [ERROR ->]#issueForm="NgForm" (ngSubmit)="addIssue(issueForm)">
            <div class="form-group">
                <l"): ng:///AppModule/CreateissueComponent.html@2:10

issue.component.html:

代码语言:javascript
复制
<div class="add-issue">
    <h1>Add an issue</h1>
    <form #issueForm="NgForm" (ngSubmit)="addIssue(issueForm)">
        <div class="form-group">
            <label for="comment">Issue description:</label>
            <textarea class="form-control" rows="5" id="comment" name="description" ngModel #inputSearch="ngModel"></textarea>
          </div> 
      <div class="form-group">
          <label for="sev">Severity</label>
          <select class="form-control" id="sev" name="sev" ngModel #inputSearch="ngModel">
            <option>Low</option>
            <option>Medium</option>
            <option>High</option>
          </select>
        </div> 

        <button mat-stroked-button color="primary" type="submit">Submit</button>

    </form>
</div>

issue.component.ts:

代码语言:javascript
复制
addIssue(form: NgForm) {
    console.log(form.value);

  }

我已将FormsModule、ReactiveFormsModule、CommonModule导入到app.module.ts文件和spec file.But中,但问题仍然存在

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-09-17 01:21:31

ngForm是公开的指令。不是NgForm

变化

代码语言:javascript
复制
<form #issueForm="NgForm" (ngSubmit)="addIssue(issueForm)">

代码语言:javascript
复制
<form #issueForm="ngForm" (ngSubmit)="addIssue(issueForm)">
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52356598

复制
相关文章

相似问题

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