第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

在表單內(nèi)使用時(shí) ngModel 不會(huì)更新

在表單內(nèi)使用時(shí) ngModel 不會(huì)更新

交互式愛情 2023-04-27 10:19:41
我正在使用 Angular 10 并嘗試將我的登錄表單的元素綁定到視圖模型,但它似乎沒有更新。它保持默認(rèn)的初始值。我究竟做錯(cuò)了什么?登錄.component.html<div>    <form #loginData="ngForm" (submit)="doLogin()">        <input type="text" [(ngModel)]="loginData.Username" [ngModelOptions]="{standalone: true}">        <input type="password" [(ngModel)]="loginData.Password" [ngModelOptions]="{standalone: true}">        <button type="submit">Sign In</button>    </form></div>登錄組件.tsimport { Component, OnInit } from '@angular/core';@Component({  selector: 'app-login',  templateUrl: './login.component.html',  styleUrls: ['./login.component.scss']})export class LoginComponent implements OnInit {  constructor() { }  loginData: any = {    Username: "abcd",    Password: "1234"  }  ngOnInit(): void {  }  doLogin(): void {    console.log(this.loginData); //prints { Username: "abcd", Password: "1234"} every time  }}應(yīng)用程序模塊.tsimport { BrowserModule } from '@angular/platform-browser';import { NgModule } from '@angular/core';import { FormsModule } from '@angular/forms';import { AppRoutingModule } from './app-routing.module';import { AppComponent } from './app.component';import { LoginComponent } from './login/login.component';@NgModule({  declarations: [    AppComponent,    LoginComponent  ],  imports: [    BrowserModule,    AppRoutingModule,    FormsModule  ],  providers: [],  bootstrap: [AppComponent]})export class AppModule { }
查看完整描述

2 回答

?
森林海

TA貢獻(xiàn)2011條經(jīng)驗(yàn) 獲得超2個(gè)贊

更改表單的模板變量名稱,它與loginData組件中的變量沖突。

查看完整回答
反對(duì) 回復(fù) 2023-04-27
?
眼眸繁星

TA貢獻(xiàn)1873條經(jīng)驗(yàn) 獲得超9個(gè)贊

您的默認(rèn)值為:用戶名:“abcd”,密碼:“1234” 這將始終推送這些值。你要做的是:


loginData: any = {

    Username: "",

    Password: ""

}


查看完整回答
反對(duì) 回復(fù) 2023-04-27
  • 2 回答
  • 0 關(guān)注
  • 128 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)