离子3反应性形式在离子视图DidLoad或离子视图入口中不起作用。它说
UserInfoPage.html:18 ERROR TypeError: this.form._updateTreeValidity is not a function
而如果我把表单生成器代码放在Ionic Page的构造函数中,它会说
UserInfoPage.html:23 ERROR TypeError: Cannot read property 'dateOfBirth' of undefined
我正在为表单页面使用Lazy Loading。请帮助和指导。以下是完整的代码:
用户信息:
export class UserInfoPage {
createForm(): any {
this.userInfoForm = this.fb.group({
dateOfBirth: [ '', Validators.compose([Validators.required, Validators.pattern(new RegExp("(0[123456789]|10|11|12)([/])([1-2][0-9][0-9][0-9])"))]) ],
weight: [ '', Validators.required, Validators.compose([Validators.pattern(new RegExp("[0-9]*"))]) ],
height: [ '', Validators.required, Validators.compose([Validators.pattern(new RegExp("[0-9]*"))]) ],
});
}
@ViewChild("userInfoForm") content: Content;
userInfoForm: FormGroup;
isFormLoaded: boolean;
constructor(public navCtrl: NavController, private fb: FormBuilder, public navParams: NavParams) {
this.isFormLoaded = false;
}
ionViewWillEnter() {
this.createForm();
this.isFormLoaded = true;
this.content.resize();
}
}
和
用户信息. html:
<ion-content #userInfoForm>
<form [formGroup]="userInfoForm" *ngIf="isFormLoaded">
<ion-list>
<ion-list-header>Please Enter Your Following Information</ion-list-header>
<ion-item>
<ion-label color="primary" floating>Date of Birth</ion-label>
<ion-input [formControl]="userInfoForm.controls['dateOfBirth']" required></ion-input>
</ion-item>
<ion-item>
<ion-label color="primary" floating>Weight</ion-label>
<ion-input [formControl]="userInfoForm.controls['weight']" type="number" pattern="[0-9]*" required></ion-input>
</ion-item>
<ion-item>
<ion-label color="primary" floating>Height</ion-label>
<ion-input [formControl]="userInfoForm.controls['height']" type="number" pattern="[0-9]*" required></ion-input>
</ion-item>
</ion-list>
</form>
</ion-content>
我是离子型和角形的新手。谢谢。
最好在离子中使用它。此外,用户信息形成既是模板变量又是组件变量。这可能是错误的原因。
另一个类似的问题:https://stackoverflow.com/a/40900504/2120711
问题内容: 我是新来的人,我想做出反应并尝试使用内联样式获取背景图片。但这不起作用。 显示错误“ URL未定义” 问题答案: CSS值始终是字符串。将值用引号引起来,使其成为字符串:
问题内容: 我试图将onscroll事件处理程序添加到特定的dom元素。看下面的代码: 代码非常简单,如您所见,我想处理div#list滚动。当我运行此示例时,它不起作用。所以我尝试直接在render方法上绑定this._handleScroll,它也不起作用。 因此,我打开了chrome inspector,直接使用以下命令添加了onscroll事件: 它正在工作!我不知道为什么会这样。这是Re
问题内容: 为什么colspan属性在React中不起作用?我创建了呈现以下内容的简单组件: 编辑:解决 这是解决方案。React期望属性名称为 colSpan ,而不是colspan。在浪费了荒谬的时间去发现这个小小的邪恶事实之后,想出了这一点。 问题答案: 来自React的DOM差异文档: 所有DOM属性和属性(包括事件处理程序)都应包含驼峰,以与标准JavaScript样式保持一致。 如果您
我试图弄清楚如何在ionic V4中数据绑定一个离子范围。v4的使用指南对信息很少,我不断得到一个错误,“不能绑定到ngmodel,因为它不是离子范围的已知属性”。 ionic v3文档中的示例
问题内容: 我正在尝试防止旋转一个,但我无法做到这一点。 我正在做这样的事情: 和剧照旋转。UIViewController在以模态打开的UINavigationController内部。 从这里开始,我已经看了很多问题,但没有答案适合我。 在Swift 2中,我曾经重写,但在Swift 3中,该功能不再存在。 在Swift 3中,我该怎么做? 问题答案: 我不知道为什么要投票才能结束这个问题,如
问题内容: 我正在尝试学习react.js,但被困在“ Hello World”脚本中。 我的index.html: 和src / helloworld.js: 当我把这个代码里面的文件,它工作正常,但是当我将其移动到单独的文件中我得到的空白页,并控制台错误: 怎么了 问题答案: 您收到该错误的原因是: 您已经从本地文件系统(例如通过双击)加载了,而不是通过Web服务器加载了 JSX转换器是脚本的