Javascript ngModel isn'；t在表单中使用时更新

我正在使用Angular 10并尝试将登录表单的元素绑定到视图模型，但它似乎没有更新。它保持默认初始值。我做错了什么

login.component.html

登录

login.component.ts

从'@angular/core'导入{Component，OnInit}；
@组成部分({
选择器：“应用程序登录”，
templateUrl:'./login.component.html'，
样式URL:['./login.component.scss']
})
导出类LoginComponent实现OnInit{
构造函数（）{}
登录数据：任何={
用户名：“abcd”，
密码：“1234”
}
ngOnInit（）：void{
}
doLogin（）：void{
console.log（this.loginda）；//每次打印{用户名：“abcd”，密码：“1234”}
}
}

app.module.ts

从'@angular/platform browser'导入{BrowserModule}；
从“@angular/core”导入{NgModule}；
从'@angular/forms'导入{FormsModule}；
从“./app routing.module”导入{AppRoutingModule}；
从“./app.component”导入{AppComponent}；
从“./login/login.component”导入{LoginComponent}；
@NGD模块({
声明：[
应用组件，
登录组件
],
进口：[
浏览器模块，
批准模块，
FormsModule
],
提供者：[]，
引导：[AppComponent]
})
导出类AppModule{}

您的默认值为： 用户名：“abcd”， 密码：“1234” 这将始终推动这些价值观。你要做的是：

loginData: any = {
    Username: "",
    Password: ""
}

---

您的默认值为： 用户名：“abcd”， 密码：“1234” 这将始终推动这些价值观。你要做的是：

loginData: any = {
    Username: "",
    Password: ""
}

---

更改表单模板变量的名称，它与组件中的

loginda

变量冲突

---

这是一个显示它工作的示例。

更改表单模板变量的名称，它与组件中的

loginda

变量冲突

---

这是一个显示它工作的示例。

仍然不工作。它现在只打印

{Username:，Password:}

。仍然不工作。它现在只打印

{Username:，Password:：}

，效果很好。非常感谢。工作得很有魅力。非常感谢。