ngModel绑定和ngForm导入问题，尽管所有代码看起来都很好。面对更多奇怪的问题，有没有Angular版本的问题？
ngModel绑定和ngForm导入问题是与Angular框架相关的问题。Angular是一种流行的前端开发框架，用于构建Web应用程序。下面是对这个问题的完善且全面的答案：
ngModel绑定是Angular中的一个指令，用于实现双向数据绑定。它可以将表单控件的值与组件中的属性进行绑定，使得当表单控件的值发生变化时，组件中的属性也会相应地更新，反之亦然。通过ngModel绑定，可以方便地获取和修改表单控件的值，实现表单数据的同步。
ngForm导入是Angular中的一个模块，用于处理表单的验证和提交。通过导入ngForm模块，可以使用Angular提供的一系列表单验证指令和方法，对表单进行验证，并在验证通过后进行提交操作。ngForm模块提供了一些常用的验证指令，如required、minLength、maxLength等，可以根据需求进行配置和使用。
面对更多奇怪的问题，可能会涉及到Angular的版本问题。不同版本的Angular可能存在一些差异和兼容性问题，导致一些代码在某些版本下无法正常工作。因此，在遇到奇怪的问题时，可以考虑检查所使用的Angular版本是否与代码兼容，并查阅相关的官方文档和社区资源，寻找解决方案。
关于Angular的版本问题，可以参考腾讯云的Angular产品介绍页面，该页面提供了关于Angular的详细介绍、版本信息和相关资源链接：腾讯云Angular产品介绍
需要注意的是，本回答中没有提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商，如有需要，可以自行查阅相关资料。
相关·内容
我有一个完美工作的表单。当我在我的项目上运行"ng test“时，这个问题就出现了。我使用的是在使用cli构建项目时提供的原始测试用例。 因果报应输出： AppComponent should create the app
Failed: Template parse errors:
There is no directive with "exportAs" set to "ngForm" ("
<div id="theForm">
<h2>Bus Form</h2>
浏览 9提问于2019-01-25得票数 0
回答已采纳
我似乎弄不明白，它根本就不起作用。
这是由Pascal Prekht编写的原始，它是对模板驱动表单的解释：
是我的分支，它是完全相同的，除了我试图将其中一个字段集作为单独的子组件加载。
代码如下：
@Component({
selector:'form-group-component',
template:`
<fieldset ngModelGroup="anotherAddress">
<div>
<label>Street2:</label>
<
浏览 1提问于2016-08-30得票数 12
我创建了一个示例项目，在其中我使用了组件，一个带有注册名，另一个具有登录名，同时验证注册页面，给出下面提到的错误。
当表单验证时，错误发生。
>Uncaught Error: Template parse errors:
There is no directive with "exportAs" set to "ngModel" ("
</div>
<div>
<input type="email" name="emailId" pla
浏览 1提问于2018-03-23得票数 2
回答已采纳
我在RC4上，我得到了错误，由于我的模板，没有将"exportAs“设置为"ngForm"的指令：
<div class="form-group">
<label for="actionType">Action Type</label>
<select
ngControl="actionType"
===> #actionType="ngForm"
id="
浏览 4提问于2016-07-28得票数 122
回答已采纳
当我在angular中创建表单时，它会显示该错误，但我已经在模块文件中包含了表单模块。以下是我的代码和错误
html
<form #ProfileForm="ngForm" (ngSubmit)="getValue(ProfileForm.value)">
<div class="form-group mb-3">
<h3>Add Your Personal Details</h3>
</div>
<div class="form-gro
浏览 19提问于2021-02-18得票数 0
回答已采纳
6回答
这是疯狂的，看起来没有办法有一个形式，它的输入之一是在一个子组件。
我已经阅读了所有的博客，教程和所有的东西，没有办法解决这个问题。
问题是当子组件有任何类型的表单指令( ngModel、ngModelGroup或其他.)时，它就无法工作。
--这只是模板驱动的表单中的一个问题
这是：
import { Component } from '@angular/core';
@Component({
selector: 'child-form-component',
template: `
<fieldset ngModelGroup="
浏览 12提问于2016-08-31得票数 73
我有一个表单，它有很少的输入字段和一个自定义下拉列表。问题是:我是否可以将自定义下拉组件设置为必需的？
我的表格看起来是这样的：
<form name="myform" (ngSubmit)="onSubmit()" #myform="ngForm">
<!-- other fields omitted for brevity -->
<my-custom-dropdown name="someValue" #someValue="ngModel" [(ngModel)
浏览 5提问于2016-11-17得票数 2
回答已采纳
对不起，如果这是原生问题，因为我是一个初学者。正如这里所说的
There are three kinds of directives in Angular:
Components—directives with a template.
Structural directives—change the DOM layout by adding and removing DOM elements.
Attribute directives—change the appearance or behavior of an element, component, or another directiv
浏览 11提问于2020-02-23得票数 0
回答已采纳
我在我的应用程序中使用angular 2表单，我已经基于给定的链接创建了表单。
为了验证和使用forms，我设置了#name="id" #id="ngModel"和ngModel之类的值，这会抛出脚本错误。但是如果我将#id="ngModel"设置为#id="ngForm"，问题就解决了。但是对于我的例子，我必须将我的模型值设置为ngModel。
下面是我的html页面。
<form (ngSubmit)="onSubmit()" #myForm="ngForm">
<d
浏览 31提问于2016-08-03得票数 7
回答已采纳
2回答
在我的Angular 6应用程序中，我有一个导入自定义模块的app.module.ts文件：
import { AppGuiModule } from './app-gui.module';
...
imports: [
AppGuiModule,
反过来，app-gui.module文件导入表单模块：
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
...
imports: [
FormsModule,
ReactiveFormsModule,
我认为这足以使用[
浏览 0提问于2018-10-10得票数 2
回答已采纳
我使用的是Angular 7中的表单，如下所示 <form #payForm="ngForm" (ngSubmit)="onSubmit(payForm, $event)" method="POST" action="POST URL HERE">
<input type="hidden" name="requestParameter" [value]="stringToSend" />
<div class="text
浏览 12提问于2019-09-14得票数 0
我从这里举了个例子：和get errors:没有针对ngModel和ngForm的指令。似乎没有包含指令。
ERROR Error: Uncaught (in promise): Error: Template parse errors: There is no directive with "exportAs" set to "NgForm" ("<form (ngSubmit)="onSubmit(f)" [ERROR ->]#f="NgForm" novalidate> <input name
浏览 4提问于2017-05-03得票数 0
3回答
我很难同时使用表单中的*ngIf和ngFormModel来验证所述表单。
用例是:基于用户输入，隐藏或禁用表单中的某些特定字段。但是，如果显示这些输入，则必须对它们进行验证。
当只需要基本验证时，我可以这样或那样做：
如果只需要输入，则使用ngControl和required工作A-OK
如果需要特定的格式，则可以使用pattern属性。它不是棱角分明的，但它能工作。
但是为了实现更复杂的验证，我一直试图使用ngControl耦合到ngFormModel，以便使用自定义检查。我使用了以下页面中的代码片段：
(以及引用的链接)
我的代码如下：
<div>
浏览 2提问于2016-03-01得票数 13
回答已采纳
4回答
我动态地在表单中创建输入。我创建这个指令的目的是：
// Generate inputs on the fly using BE data.
.directive('inputGenerator', ['$compile', function ($compile) {
return {
restrict: 'E',
scope: {
id: '@',
type: '@',
name: '@'
浏览 0提问于2015-07-30得票数 1
7回答
如何创建能够像本机<input>标记一样工作的自定义组件？我希望使我的自定义表单控件能够支持ngControl，ngForm，(ngModel)。
据我所知，我需要实现一些接口，以使我自己的表单控制像本地控件一样工作。
而且，似乎ngForm指令只绑定了<input>标记，对吗？我该怎么处理呢？
让我解释一下为什么我需要这个。我想包装几个输入元素，使它们能够作为一个输入一起工作。有别的办法处理吗？再来一次:我想让这个控件就像本地控件一样。验证，ngForm，ngModel双向绑定等。
ps:我用打字本。
浏览 26提问于2016-01-22得票数 106
回答已采纳
我提交表单在Angularjs2.0使用下面的代码，但得到的错误，没有出口的指令设置为ngForm和ngModel，但我使用。下面是我的表格：
<form name="form" (ngSubmit)="f.form.valid && register()" #f="ngForm" novalidate>
<div class="form-group" [ngClass]="{ 'has-error': f.submitted && !username.
浏览 1提问于2017-04-14得票数 3
我想在我的angular7表单中添加日期/日历，但我不知道如何添加。请帮帮忙。我是新来的，试图通过使用angular7 api和创建一个简单的.net表单来学习。
User.component.html文件
<html>
<form #form="ngForm" (submit)="onSubmit(form)">
<div class="form-group">
<label> USERNAME</label>
<input n
浏览 1提问于2019-06-16得票数 3
回答已采纳
我是一个完全的角度初学者，我对NgModel指令及其可能的用例有一些概念上的怀疑。
阅读角官方文档：
我只能读到：
从域模型创建FormControl实例，并将其绑定到窗体控件元素。
在我看来，这个FormControl应该是一个对象，它保存插入到表单字段和相关字段状态中的值(例如，对于验证文档)。这是正确的吗？现在，我对具体的用例有了一些怀疑。
那么，让我们举一个例子。
我有一张表格：
<form (ngSubmit)="onSubmit(form)" #form="ngForm">
<div class="form-gr
浏览 6提问于2020-05-06得票数 1
回答已采纳
我想通过Angular 5提交一个小表单。表单中有一个文件上传域。在.ts文件中，我导入了ngForm，如下所示
import { NgForm } from '@angular/forms';
出于测试目的，我只是在表单提交方法中放置了一个控制台文本，如下所示：
onSubmit(form : NgForm) {
console.log("form submitted !");
}
html视图中的表单如下所示：
<form method="post" (ngSubmit)="mydocumentFrm.form.valid
浏览 13提问于2018-09-07得票数 0
问题作为文本
当我将一个封装在组件中的输入添加到我的角度表单中时，表单就不会将该输入作为属于它的控件。这意味着，例如NgForm.valid是不可靠的，因为它不包含从组件中添加的输入。
是什么阻止了这一切，我能做些什么？
问题作为代码：
为什么下面的测试失败，我能做些什么？
import { Component, ViewChild } from '@angular/core';
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { FormsModu
浏览 0提问于2019-04-03得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
