- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我创建了一个带有表单的 Ionic 应用程序。没什么特别的(代码在下面)。在我添加一个表单并使用表单组和其他东西之前,它工作得很好。当我开始添加表单组和所有连接的东西时,我得到这个错误:
core.js:6260 ERROR Error: Uncaught (in promise): Error: NodeInjector: NOT_FOUND [ControlContainer] Error: NodeInjector: NOT_FOUND [ControlContainer] at getOrCreateInjectable (core.js:5894) at Module.ɵɵdirectiveInject (core.js:21115) at NodeInjectorFactory.NgControlStatusGroup_Factory [as factory] (forms.js:1073) at getNodeInjectable (core.js:6025) at instantiateAllDirectives (core.js:12953) at createDirectivesInstances (core.js:12169) at ɵɵelementStart (core.js:21298) at EditPage_Template (template.html:18) at executeTemplate (core.js:12129) at renderView (core.js:11899) at resolvePromise (zone-evergreen.js:798) at resolvePromise (zone-evergreen.js:750) at zone-evergreen.js:860 at ZoneDelegate.invokeTask (zone-evergreen.js:399) at Object.onInvokeTask (core.js:41640) at ZoneDelegate.invokeTask (zone-evergreen.js:398) at Zone.runTask (zone-evergreen.js:167) at drainMicroTaskQueue (zone-evergreen.js:569)
我尝试了我在网上找到的东西:从文件 app.module.ts 中的 @angular/forms 导入 Forms Module 和 ReactiveFormsModule
这对我不起作用,我一直收到错误。
我在 SO 上找到并尝试过的链接,但没有用:
Getting error suddenly in Angular Error: NodeInjector: NOT_FOUND [ControlContainer]
No provider for ControlContainer Error while using Angular Material Forms with Angular 6
No provider for ControlContainer and No provider for ControlContainer
这是我的代码:
<ion-content>
<form [formGroup]="todo" (ngSubmit)="save()">
<ion-row>
<ion-col>
<ion-list inset>
<ion-item>
<ion-input placeholder="Title" formControlName="title" id="title" type="text"></ion-input>
</ion-item>
<ion-item>
<ion-input placeholder="Description" formControlName="description" id="description" type="text"></ion-input>
</ion-item>
</ion-list>
</ion-col>
</ion-row>
</form>
</ion-content>
在我的组件中:
import { Component } from '@angular/core';
import { FormGroup, FormBuilder, Validators } from '@angular/forms';
@Component({
selector: 'app-edit',
templateUrl: './edit.page.html',
styleUrls: ['./edit.page.scss'],
})
export class EditPage {
editId: number = 0;
todo : FormGroup;
constructor(private formBuilder: FormBuilder) {
this.todo = this.formBuilder.group({
title: ['', Validators.required],
description: [''],
});
}
}
最后是我的 app.module:
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';
import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';
import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { HttpClientService } from './core/services/http-client.service';
import { HttpClientModule } from '@angular/common/http';
import { CommonModule } from '@angular/common';
@NgModule({
declarations: [AppComponent],
entryComponents: [],
imports:
[
FormsModule,
ReactiveFormsModule,
CommonModule,
BrowserModule,
HttpClientModule,
IonicModule.forRoot(), AppRoutingModule
],
providers: [
StatusBar,
SplashScreen,
HttpClientService,
{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
],
bootstrap: [AppComponent]
})
export class AppModule {
}
最佳答案
您必须在页面的 module.ts
文件中导入 ReactiveFormsModule
。
例如
import { IonicModule } from '@ionic/angular';
import { RouterModule } from '@angular/router';
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {FormsModule, ReactiveFormsModule} from '@angular/forms';
import { ProfilePage } from './profile.page';
@NgModule({
imports: [
IonicModule,
CommonModule,
FormsModule,
RouterModule.forChild([{path: '', component: ProfilePage}]),
ReactiveFormsModule
],
declarations: [ProfilePage]
})
export class ProfilePageModule {}
关于angular - 在 Ionic 中使用表单会引发错误 : NodeInjector: NOT_FOUND [ControlContainer],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62038446/
描述错误 我正在使用 firebase 新的更新服务 https://firebase.google.com/docs/ml/android/recognize-text .我正在尝试从图像打印文本数
应用程序运行良好。但是在我们部署版本 4 之后,它显示了这个错误: Error: NOT_FOUND 没有其他消息。 可以看到here .部署 eclipse 时会显示一条成功消息:Task7 已成功
一旦我导入 FormsModule,我就会开始收到此错误。我正在使用 MatFormField,但它似乎不能与 FormsModule 一起使用。 最佳答案 我刚刚用与您相同的错误消息解决了我的问题。
core.js:5873 ERROR Error: NodeInjector: NOT_FOUND [ControlContainer] 有时,当我重新启动项目时,它会完美运行。仅 app.compo
# -*- coding: UTF-8 -*- import google print google.__path__.append("C:\Program Files(x86)\Google\goo
所以我有一个垂直方向的父 recyclerview 和一个水平方向嵌套在父级中的子 recyclerview。 Onclick 函数与子 recylerview 一起使用 我创建了一个接口(inter
我已经在我的 linux 12.04 上安装了 couchDB 1.0.1。但是当我运行测试套件时,复制部分失败了。失败信息如下: Exception raised: {"error":"not_fo
我正在为我的项目使用 spring,我脑海中出现了一个问题,这两个 HttpStatus 之间的基本区别是什么? return ResponseEntity.status(HttpStatus.SC_
sinatra (= 1.4.5) 我想为特定路由呈现自定义 404 消息,在本例中为文本“未找到” class App < Sinatra::Application not_found do
我无法设置基本的发送器应用程序。我已经尝试过 CastHelloText例如,当我从右上角的 Google Cast 扩展按钮选择我的设备时,输入我自己的 AppId,并在调用 chrome.cast
我是 Spring 框架的新手。我尝试使用 Spring 制作一个简单的 Web 服务器应用程序,但是当我使用 Postman 调用 url 时,出现 404 Not Found。 package c
我在运行脚本时遇到了这个问题。前一天如果对我来说工作正常。 我确实清除了 chrome 浏览器的所有缓存,我也尝试了另一台笔记本电脑,但问题是这样。 请帮我解决这个问题。 我正在运行的代码是: fun
我有一个问题,也许有人有同样的问题。 我正在调用 google 地方自动完成 api 调用。 然后我向用户展示结果,他可以选择地点。 根据选择,我正在调用地点详细信息并检索该地点的详细信息。 我的问题
我创建了一个带有表单的 Ionic 应用程序。没什么特别的(代码在下面)。在我添加一个表单并使用表单组和其他东西之前,它工作得很好。当我开始添加表单组和所有连接的东西时,我得到这个错误: core.j
我正在尝试从 Ruby 脚本(使用 Bunny )向 RabbitMQ 发布消息,并从 node.js 服务器(使用 node-amqp )使用它们。 第一条消息成功到达,但随后在 node.js 中
我是 Spring 新手,正在开发基于云的应用程序并尝试使用 RabbitTemplate 和 RabbitMQ。 我能够将数据存储到队列中。 rabbitTemplate.convertAndSen
我有以下 github 工作流程: name: TS Service Build permissions: packages: write on: workflow_dispatch:
我想在我的机器上构建一个名为 CSWNet 的库。 Cmake 可以找到 Boost_INCLUDE_DIR 和 Boost_LIB_DIR,但找不到名为 Boost_DIR 的选项,该选项是包含 B
目前我正在开发我的第一个 Google App Engine 应用程序。我将 Jersey (JAX-RS) 和 JSP 2.0 与自定义标记结合使用,将布局与应用程序逻辑分开。 我创建的应用程序在本
我正在尝试创建一个结构类似于初始 ios-sample 应用程序的 iOS 应用程序,不同之处在于我利用据说存储在 API 中的 Meas/ECG 中的 ECG 数据。我能够通过镜像示例应用程序中其他
我是一名优秀的程序员,十分优秀!