关于ionic表单的 If 'ion-list' is an Angular component and it has 'formGroup' input,错误

最新推荐文章于 2022-10-18 15:56:35 发布
最新推荐文章于 2022-10-18 15:56:35 发布
阅读量2.2k 收藏
点赞数
分类专栏： ionic
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43517374/article/details/103223919
版权

标题 If ‘ion-list’ is an Angular component and it has ‘formGroup’ input, then verify that it is part of this module.

我们容易犯的错就是在App.moduls.ts引入了FormsModule和ReactiveFormsModule,而忘记给每个需要的组件引入FormsModule和ReactiveFormsModule,
我也是一开始在aapmodule里引入后，忘记在我需要的组件里引入引发了下面的错误在这里插入图片描述
这个时候我们只需要在它提示的组件里引入FormsModule和ReactiveFormsModule，就像下面这样就行了在这里插入图片描述
特别注意，我自己的tab2组件需要，所以在这里，你们按照自己的需求加到相应的组建

凌风浮云S
关注
专栏目录
ionic5 新建组件提示 ‘app-footer‘ is not a known element
小妖666个人笔记
09-20 859
新建footer组件在home组件里调用的时候提示： 'app-footer' is not a known element: 1. If 'app-footer' is an Angular component, then verify that it is part of this module. 2. If 'app-footer' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of th
ionic4-sidemenu-auth:使用Angular Router和Side Menu UI构建基本的Ionic 4登录流程
05-14
ionic4-sidemenu-auth 使用Angular Router和Side Menu UI（现在带有Tabs !!）构建基本的Ionic 4登录流程 更新到最新的离子版本 Ionic: Ionic CLI : 5.4.13 (/Users/aaronksaunders/.nvm/versions/node/v10.15.1/...
ionic3 html中的if
西卡卡的博客
02-05 2799
ionic3 html中的if<div *ngIf="status == 10; else elseBlock"> <div>我是status10</div> </div> <ng-template #elseBlock> <div>我不是status10</div> </
Angular 中使用module中component的一个坑
06-08 2308
最近在使用Angular做一个项目，之前对于angular的接触不多，所以使用过程中碰到了一些坑，在此记录其中一个先上报错信息： 下面详细解释错误的产生和解决方案一个很简单的需求，希望在product-list component （属于product module)中使用shared module中的star component. 工程目录app下的结构如下： 创建过程 创建工程的步骤如下： 在app-routing-module中增加路径定义并增加import： 这时候如果ng serve 是没有问题
Angular Tutorial里的测试坑
星之空
03-05 4468
发现Angular Tutorial里根本没有提到Unit Test，其实我们每generate一个component，就会自动生成unit test spec，作为一个资深强迫症攻城狮，实在不能视而不见。 文章目录app-<component> is not a known element1. 导入HerosComponent2. Mock HerosComponent其他Compo...
ion-tree-list:用于显示嵌套列表项的离子指令
05-01
您需要添加ion-tree-list作为对Ionic应用程序的依赖项： angular.module('starter', [ 'ionic', 'controllers', 'services', 'ion-tree-list' ]) 在你的controller.js ： $scope.tasks = [ { name: 'fi
ionic-forms-and-validations：:memo:Ionic教程-学习在Ionic Angular应用程序中使用表单和验证。 获取免费的Ionic 5 Forms Starter App，并学习处理简单和自定义的验证。 包括完整的离子形式教程！
01-30
我们将向您解释以下各项的核心概念：FormControl，FormGroup，FormBuilder和Validators，并向您展示示例，以便您可以学习正确使用它们。 我们希望这是最好的ionic 4表单教程，因此我们创建了高级自定义验证器，以...
ionic配合ion-nav-bar的导航右侧按钮指令
07-07
ionic1 嵌套路由，用ion-nav-bar和ion-view来实现页面回退，导致不能个性化的设置导航右侧按钮，这个指令基于angular1实现个性化定制右侧按钮，
ionic组件ion-tabs选项卡切换效果实例
01-19
ion-tabs是ionic中的选项卡组件，路由使用的是angular-ui-router.js。因此必须先掌握uiRoute。 效果图 实例代码 index.html <body ng-app=starter> <!--ion-nav-view用来渲染模板--> <ion></ion> ...
Angular 中添加 ＜router-outlet＞ 标签后报错
Zhencode的博客
09-20 1120
If ‘router-outlet’ is an Angular component, then verify that it is part of this module. If ‘router-outlet’ is a Web Component then add ‘CUSTOM_ELEMENTS_SCHEMA’ to the ‘@NgModule.schemas’ of this component to suppress this message. app-routing.module @NgM.
Angular报错error NG8002: Can‘t bind to ‘XXX‘ since it isn‘t a known property of ‘XXX-XX‘
qq_55949207的博客
10-18 4576
报错信息：Can't bind to 'isTemplate' since it isn't a known property of 'create-home'，是因为给组件绑定了isTemplate导致报错。这个报错是因为'create-home'组件没有在主模块导入和声明declarations。2、在子组件create.componet.ts接收isTemplate。1.没有在主模块app.module.ts导入FormsModule。
《Angular之ITOO组件树引用爆发的问题》
杨晓风 迷迭香的记忆
09-30 768
前言：                                                       千锤万凿出深山，烈火焚烧若等闲。 正文：    一。问题描述       ERROR Error: Uncaught (in promise): Error: Template parse errors: Can't bind to 'treeURL' since it...
ionic错误
weixin_34247155的博客
12-26 227
1、 问题：Error: read ECONNRESET 启动使用ionic serve启动服务器之后只要一刷新界面就会导致服务器关闭，报的错误如下：events.js:136throw er; // Unhandled ‘error’ event^ Error: read ECONNRESETat _errnoException (util.js:999:13)at TCP.on...
ng2-pdf-viewer使用报错form ‘./typings‘的解决方案【angular实现pdf预览】
weixin_43936341的博客
04-15 1248
话不多说直接上图，报错如下： 这个报错不是发生在使用过程中，而是引入时直接报错，本人所有操作都是根据【官方文档】提示进行（官方文档地址：https://github.com/VadimDez/ng2-pdf-viewer#readme），却还是踩坑了。 目测此报错原因是少了某个文件或者依赖，于是上网搜索各处找资料，有心人天不负终于让我找到了。本人用的angular@8.1.2版本，根据官网提示下载了 ng2-pdf-viewer@^7.0.0 ，而这样的默认组合其实是有问题的； 解决方案： 卸载ng2-p
Component is not part of any NgModule
cuoquanpao8126的博客
05-28 7524
错误信息：core.js:1598 ERROR Error: Uncaught (in promise): Error: Template parse errors:'app-project-type' is not a known element:1. If 'app-project-type' is an Angular component, then verify that it is pa...
掌握Angular2的NgModule(模块系统)
weixin_34341229的博客
10-17 277
原文链接：hacking-with-angular 我们今天要学习的是Angular2的模块系统,一般情况下我们使用一个根模块去启动我们的应用,然后使用许多的功能模块去丰富我们的应用,扩展我们应用的功能.这些全部依靠我们的NgModule装饰器,接下来我们就来好好学习一下这个装饰器.当然在这个过程中你会遇到一些新的指令,概念等等;但是别慌...
angular常现问题合集：‘XXX‘ is not a known element...
m0_52545254的博客
03-08 6218
下面的问题都是写代码的时候经常出现的问题，虽然都是小问题，但是有时候出现还是不能一下就找到错误点，记录一下，错的多了大概就会记住了 :）。 1. Can't bind to 'formGroup' since it isn't a known property of 'form'. 2.nz-select' is not a known element: 1. If 'nz-select' is an Angular component, then verify that it is pa...
angular Uncaught Error: Template parse errors:
youn9e的博客
07-08 803
Uncaught Error: Template parse errors: ‘XXX’ is not a known element: 问题 CUSTOM_ELEMENTS_SCHEMA 相关 Uncaught Error: Template parse errors: ‘XXX’ is not a known element: If ‘XXX’ is an Angular component, then verify that it is part of this module. If ‘XXX’
掌握Ionic列表ion-list与高效ng-repeat技巧
在第十八讲中，主要探讨了Ionic框架中的核心组件——ion-list及其高效性能实现。ion-list是Ionic框架中用于展示有序或无序项目集合的主要容器，它允许开发者创建整洁、直观的用户界面。以下是对ion-list和其成员ion-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值