亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

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

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

幕布斯7119047 2023-10-24 19:45:24
我試圖將數組的每個項目綁定到文本框的[(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>第一種方法引發錯誤,它在角度 7 中工作正常: 無法使用變量“item”作為賦值表達式的左側。模板變量是只讀的。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> 第二種方法有效,但輸入:輸入單個字母后文本框失去焦點。有人能為我提供針對類似場景的完美方法嗎?
查看完整描述

1 回答

?
MMTTMM

TA貢獻1869條經驗 獲得超4個贊

使用軌跡


在組件中:


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

如果不起作用,請告訴我



查看完整回答
反對 回復 2023-10-24
  • 1 回答
  • 0 關注
  • 158 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號