Angular——解决双向绑定或input、inputNumber未响应的问题

相信很多人都能在网上搜寻input未响应的时候都能找到类似的提示:

利用"@angular/forms"创建
表单的时候,系统默认会创建一个"FromGroup"的对象

即,在对应的ts(TypeScript)文件中import进"@angular/forms"的引用。这也就意味着,将整个from表单的值放进这个fromGroup里面。但是,总会出现不想将表单中的某个值放进去的情况,或者出现觉得这样被“束缚”不舒服的情况(hhh),这个时候有没有办法脱离fromGroup,即不使用fromGroup,又能传值满足需求的情况?

例如,在试用input或者inputNumber的时候,虽然知道[(ngModel)]具有双向绑定的作用,但是好像在input和inputNumber上加了属性却没效果,调用的时候仍然是初始值,而不是我们输入在输入框中的值,在官网官网上也没有相应的api属性解释:

Angular——解决双向绑定或input、inputNumber未响应的问题_第1张图片

在一次碰巧的机会下,看到了一个属性——ngModelOptions,对于这个属性的解释和它的类型如下:

对于每个类型的解释又是:

name:

Angular——解决双向绑定或input、inputNumber未响应的问题_第2张图片

standalone:

Angular——解决双向绑定或input、inputNumber未响应的问题_第3张图片

updateOn:

Angular——解决双向绑定或input、inputNumber未响应的问题_第4张图片

从上面的源码解释和翻译可以看出,想要脱离from表单,就需要将standalone设为true,脱离from表单,即在标签中加入:

[ngModelOptions]="{standalone: true}"

这样就能独立确切拿到中的数据了!

那要怎么才能确保在回调的时候能拿到或者说能响应呢?

我现在的理解是,需要加一步让这个标签自动获取对焦,在官网的低版本中找到了一个属性,叫:[nzAutoFocus]

默认是false,所以把它改写成:

[nzAutoFocus]=true

【angular的学习还不够深入,概述和理解还有不对和出入的地方,还请各位大佬多指教和探讨!】

你可能感兴趣的:(Angular,typescript,html,angular2)