在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML5  網(wǎng)絡(luò)安全/ Angular6 表單 自動(dòng)填充數(shù)據(jù)

Angular6 表單 自動(dòng)填充數(shù)據(jù)

  • 模板代碼說(shuō)明:
    Angular6的響應(yīng)式表單中有兩個(gè)FormControl,分別表示姓名、年齡:
    <div>姓名:<input type="text" formControlName="name"></div>
    <div>年齡:<input type="text" formControlName="age"></div>
  • 我要達(dá)到的效果:
    打開這個(gè)表單所在的頁(yè)面時(shí),本頁(yè)面內(nèi)有個(gè)實(shí)體類的對(duì)象instance已經(jīng)被賦值了
    要求打開該表單所在頁(yè)面時(shí)就向兩個(gè)input中填寫instance中對(duì)應(yīng)的數(shù)據(jù)
    例如:
    打開表單所在的頁(yè)面時(shí),instance = {name:'張三',age:15}
    那么兩個(gè)input依次被填充:張三、15
  • 求助:
    不知道上面有沒(méi)有描述清楚,可以提供代碼是最好的,不行的話提供思路也好
    萬(wàn)分感謝!
回答
編輯回答
執(zhí)念

直接在instance實(shí)例化或者賦值之后設(shè)置formGroup的值就行。

instance = { name:'張三', age:15 }
formGroup.patchValue({
    name:instance.name,
    age:instance.age
})
2017年7月7日 23:16