- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个 Angular react 形式,大部分时间都可以工作。但有时,我会随机收到错误
ERROR Error: Cannot find control with name: 'username'
at _throwError (forms.js:2337)
at setUpControl (forms.js:2245)
at FormGroupDirective.push../node_modules/@angular/forms/fesm5/forms.js.FormGroupDirective.addControl (forms.js:5471)
at FormControlName.push../node_modules/@angular/forms/fesm5/forms.js.FormControlName._setUpControl (forms.js:6072)
at FormControlName.push../node_modules/@angular/forms/fesm5/forms.js.FormControlName.ngOnChanges (forms.js:5993)
at checkAndUpdateDirectiveInline (core.js:21093)
at checkAndUpdateNodeInline (core.js:29495)
at checkAndUpdateNode (core.js:29457)
at debugCheckAndUpdateNode (core.js:30091)
at debugCheckDirectivesFn (core.js:30051)
该组件是一个简单的登录页面,HTML为
<div id="loginSection" class="middle-dashboard-box">
<div class="login-title content-inner-title" i18n="logintitle|@@loginheader">Login</div>
<form class="login-form" [formGroup]="loginFormGroup" (ngSubmit)="login($event)">
<mymat-form-error></mymat-form-error>
<div>
<mat-form-field class="login-input input-control-width">
<input matInput formControlName="username" i18n-placeholder="Username|@@username" placeholder="Username">
</mat-form-field>
</div>
<div>
<mat-form-field class="login-input input-control-width">
<input matInput formControlName="password" type="password" i18n-placeholder="Password|@@password" placeholder="Password">
</mat-form-field>
</div>
<div class="forgot-pass">
<a href="#public/forgotpassword" i18n="forgot password|@@forgotPasswordLink">Forgot password?</a>
</div>
<button mat-raised-button color="primary" type="submit" class="main-btn login-btn"
i18n="Login|Login button action@@login">Login</button>
</form>
</div>
TS 是
@Component( {
templateUrl: './login.component.html',
styleUrls: ['./login.component.scss']
} )
export class LoginComponent implements OnInit {
loginFormGroup: FormGroup;
constructor( private router: Router,
private formBuilder: FormBuilder,
private loginService: LoginService ) { }
ngOnInit() {
this.loginFormGroup = this.formBuilder.group( {
username: ['', Validators.required],
password: ['', Validators.required]
} );
this.loginFormGroup.controls['username'].setValue( this.loginService.latestUsername );
}
login( event ) {
// do login stuff, not relevant here
}
}
this.loginService.latestUsername
指向 LoginService 中的 getter:
get latestUsername(): string {
return localStorage.getItem( LoginService.LATESTUSERNAME_KEY ) || ''
}
堆栈跟踪中的 FormControlName.ngOnChanges
让我认为 ng 在正确初始化控件之前正在运行更改检测,但由于周围没有订阅或类似的内容,我看不出什么可以触发它。我在 Selenium 测试期间观察到错误(在某些测试中可靠,在其他测试中间歇性出现),但在手动单击时出现过一两次。该效果仅在升级到 Angular 8.2.14(从 7)后才会出现
最佳答案
查看source code FormControlName
并思考 when ngOnChanges() can run ,我认为 ngOnChanges()
在 ngOnInit()
完成构建表单之前运行。
为了诊断这个问题,我会用 console.log()
乱扔 ngOnChanges()
和 ngOnInit()
来跟踪发生了什么.
要解决该问题(如果这是原因),应该像使用 *ngIf
保护表单一样简单,以确保指令不会过早触发更改检测。理想情况下,您还可以使用 OnPush
更改检测策略。
关于javascript - 为什么找不到名称为 : 'username' only randomly? 的控件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60196210/
我想实现自定义搜索,但遇到了一个麻烦。我需要将 UIButton、SearchBar 组合在一个控件中,以便我可以通过指针引用它。然后我将向该组合控件动态添加更多 UIbutton。最重要的是,我想将
它没有在我的方法中执行 if block 中的语句 母版页:- 页面加载事件:- Control c = new Control(); DoSomething(c); 我的方法:- protecte
ComboBox 控件有一个 setConverter 方法,请参阅 JavaFX ComboBox - Display text but return ID on selection举个例子。我正在
我没有找到任何包含用于标记化(标记)文本输入的控件的 wpf 库。也许我找不到库,因为我错误地调用了这个组件。怎么叫或者哪里有这样的库? 最佳答案 DevExpress WPF 库包含多个数据编辑控件
是否有 Silverlight 控件允许您输入文本并将其突出显示为代码? 例如: foreach (client in Clients){ client.Save();} would become
我有以下用户控件 a) Panel.ZIndex="99999999" 是否是将此控件设置为该控件中 TopMost 的正
是否可以在 Windows 窗体中使用 C# 在窗体加载时隐藏所有特定控件,例如标签或按钮,然后选择显示我不想显示的那些? 我有一个包含很多按钮和标签的程序,但我只想在加载时显示一两个,我觉得对每个标
这个问题已经有答案了: 已关闭11 年前。 Possible Duplicate: Duplicating components at Run-Time 我有一个TMyControl ( Contro
我正在尝试在 Delphi 中编写一个 dll 库,其中包含一个创建 TFrame 后代实例并返回它的函数。但是当我在应用程序中导入这个函数时,每次调用它时,我都会得到一个异常,例如“'xxx'控件没
是否有 Win32 API 调用来确定哪些窗口和/或控件在特定坐标和/或鼠标下可见? 最佳答案 您可以使用GetWindowFromPoint 。它将返回窗口句柄,以便您可以使用 GetClassNa
我需要在编辑控件中输入以下公式: 公式是在 MS Word 中制作的。尝试将其复制/粘贴到编辑控件(单行或多行)后,我得到 M 0.33 Q10T9.1-9.7。 当我输入这个时,我正在研究 Rich
我只是想成功地将它添加到我的窗口中,但这却出奇地困难。 我已经尝试过 #include "windef.h" #include "winbase.h" #include "initguid.h" #i
我希望能够使用 google maps api v3 拥有自己的“街景”按钮。单击按钮时,我希望它根据我的标记经纬度加载街景。然后我希望按钮更改为“返回 map ”,然后再次加载默认 map View
我目前正在用 PHP 开发(另一个)开源 CMS,我想使用 javascript 控件,尤其是管理面板。问题是,是否有任何具有 PHP 接口(interface)的开源、可自由分发的控件(用于创建 j
我为其编写软件的产品之一是会计类应用程序。它用 C++ 编写,使用 C++ Builder 和 VCL 控件,连接到运行在 Linux 上的 PostgreSQL 数据库。 PostgreSQL 数据
我使用 Key Listener 来读取用户的输入,但我遇到了问题。首先,我读到 JTextField“请输入您的姓名”。如果用户输入一个名字,例如 John,它将更改为 John。但是,如果用户输入
我正在尝试对齐数据表列中的复选框(h=center,v=middle) ... 但复选框仍然显示在错误的位置(见附图)
我有一个包含统计信息的 JSON 数据树: { prefix: "a", count: 20, children: [ { prefix: "a:b", c
我在 Photoshop 中设计了一个模型,我打算将它应用到我的产品目录的 ListView 控件中,但它似乎没有正确显示(未对齐?),我希望这里的人可以像我一样指出我的错误试图弄清楚无济于事。 预期
您是使用 ASP.NET 控件还是仅使用带有 CSS 的 HTML? 我在 TextBox 和 DropDownList 的宽度方面遇到了一些问题。在不同的浏览器中,宽度会有所不同,控件的大小也不会相
我是一名优秀的程序员,十分优秀!