Angular 在显示窗体时,如何在窗体中显示本地存储的数据
我有一个登记表,其中包含一些数据,我将这些数据存储在本地存储器中,希望在加载第二个表格时显示一些登记表字段,如名字和姓氏。此数据应来自本地存储。代码捕捉是第二种形式Angular 在显示窗体时,如何在窗体中显示本地存储的数据,angular,Angular,我有一个登记表,其中包含一些数据,我将这些数据存储在本地存储器中,希望在加载第二个表格时显示一些登记表字段,如名字和姓氏。此数据应来自本地存储。代码捕捉是第二种形式 onSubmit() { console.log(this.dataModel);`enter code here` this.submitted = true; this.registerService.firstdata(this.dataModel) .subscribe( data =&g
onSubmit() {
console.log(this.dataModel);`enter code here`
this.submitted = true;
this.registerService.firstdata(this.dataModel)
.subscribe(
data => console.log('Success!', data))
}
ngOnInit() {
this.userData = localStorage.getItem('user_data');
}
<input type="text" id="firstName" class="form-control" placeholder="First Name" name="firstName"
[(ngModel)]="dataModel.firstName" #firstName="ngModel" required pattern="[a-zA-Z][a-zA-Z]+">
</div>
<input type="text" id="lastName" class="form-control" placeholder="Last Name" name="lastName"
[(ngModel)]="dataModel.lastName #lastName="ngModel" required pattern="[a-zA-Z][a-zA-Z]+">
</div>
onSubmit(){
console.log(this.dataModel);`在这里输入代码`
this.submitted=true;
this.registerService.firstdata(this.dataModel)
.订阅(
data=>console.log('Success!',data))
}
恩戈尼尼特(){
this.userData=localStorage.getItem('user_data');
}
如果您的本地存储包含firstname和lastname,则在ngOninit()中更新数据模型,如下所示
ngOnInit() {
this.userData = localStorage.getItem('user_data');
// update first name and last name from local storage
this.dataModel.firstname = this.userData.firstname; // get data here from local storage
this.dataModel.lastname = this.userData.lastname; // get data here from local storage
}
希望这将对您有所帮助。如果您的本地存储包含firstname和lastname,请按如下所示在ngOninit()中更新您的数据模型
ngOnInit() {
this.userData = localStorage.getItem('user_data');
// update first name and last name from local storage
this.dataModel.firstname = this.userData.firstname; // get data here from local storage
this.dataModel.lastname = this.userData.lastname; // get data here from local storage
}
希望这将对您有所帮助。您已经在ngOnInit
中从本地存储中获取数据,只需初始化dataModel
字段即可
ngOnInit(){
this.userData=localStorage.getItem('user_data');
this.dataModel.firstName=userData.firstName;//您已经在ngOnInit
中从本地存储中提取数据,只需初始化dataModel
字段即可
ngOnInit(){
this.userData=localStorage.getItem('user_data');
this.dataModel.firstName=userData.firstName;//如果我理解正确,请提供其他详细信息:您希望表单的字段使用从localStorage获得的字段进行预编译?Jacopo Sciampi:是的,请提供其他详细信息如果我理解正确:您希望表单的字段使用从localStorage获得的字段进行预编译om本地存储?雅格布·西安皮:是的,没错