Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 在显示窗体时,如何在窗体中显示本地存储的数据_Angular - Fatal编程技术网

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本地存储?雅格布·西安皮:是的,没错