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

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

如何在 Angular 9 中使用 2 路綁定

如何在 Angular 9 中使用 2 路綁定

幕布斯7119047 2023-10-24 19:45:24
我試圖將數(shù)組的每個(gè)項(xiàng)目綁定到文本框的[(ngModel)] 。組件.ts arr:string[] = ["",""];component.html [第一種方法]    <div class="row" *ngFor="let item of arr;">      <div class="col-12">        <input type="text" [(ngModel)]="item">      </div>    </div>第一種方法引發(fā)錯(cuò)誤,它在角度 7 中工作正常: 無法使用變量“item”作為賦值表達(dá)式的左側(cè)。模板變量是只讀的。component.html [第二種方法]    <div class="row" *ngFor="let item of arr; let i = index">      <div class="col-12">        <input type="text" [(ngModel)]="arr[i]">      </div>    </div> 第二種方法有效,但輸入:輸入單個(gè)字母后文本框失去焦點(diǎn)。有人能為我提供針對類似場景的完美方法嗎?
查看完整描述

1 回答

?
MMTTMM

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

使用軌跡


在組件中:


trackByFn(index: any, item: any) {

    return index;

  }

在html中:


<div class="row" *ngFor="let item of arr; let i = index ; trackBy:trackByFn">

      <div class="col-12">

        <input type="text" [(ngModel)]="arr[i]">

      </div>

    </div> 

stackblitz 演示鏈接: https://stackblitz.com/edit/angular-cwyrs9

如果不起作用,請告訴我



查看完整回答
反對 回復(fù) 2023-10-24
  • 1 回答
  • 0 關(guān)注
  • 154 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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