如何使用 post 方法在 ionViewWillEnter 中显示离子数据？

Question

我不知道如何将数据从 API 显示到离子应用程序。我不知道如何使用本地存储或 navParams 或两者来显示数据

我尝试的是在 ionViewWillEnter 中使用 post 方法来调用 ionic 中的数据。

下面是调用所有数据的成功API。 .api

    public function viewProfileClinic(Request $request)
        {
            $id =$request->id;
            $clinicID = $request->clinic_id;

            $count = RegisterClinic::where('clinic_id',$clinicID)->count();

            if($count == 1)
            {
                $clinicData = RegisterClinic::where('clinic_id',$clinicID)->first();        
                $callEmailTelno = User::where('id',$clinicData->uid)->first();

                    $datamsg = response()->json([
                        'callemailtelno' => 'Email:'.$callEmailTelno->email.'Telno:'.$callEmailTelno->telno,
                        'clinicdata' => $clinicData 

                    ]);
                    return $datamsg->content();

            }
            else{

                $datamsg = response()->json([
                    'error' => array("text"=>"No clinic data.")
                ]);
                return $datamsg->content();
            }
        }

如何将来自该 API 的数据显示回 ionic？ 以下是我在 __ .ts__ 文件中尝试过的内容。

cprofile.ts

    ionViewWillEnter(){

        this.authService.postData(this.id,'viewProfileClinic').then((result) => {
          this.responsedata = result;
          console.log(result);
          if(this.responsedata.callemailtelno && this.responsedata.clinicdata)
          { 

              localStorage.setItem('callemailtelno', JSON.stringify(this.responsedata.callemailtelno));
              console.log(this.responsedata.callemailtelno);  
              const data = this.navParams.get('data');


                this.usersClinic.email = data.email;
                this.usersClinic.telno = data.telno;
                this.clinic_regno = data.clinic_regno;
                this.clinic_name = data.clinic_name;
                this.site = data.site;
                this.clinic_address = data.clinic_address;
                this.zip = data.zip;
                this.city = data.city;
                this.state = data.state;

          }
          else
          {
              this.presentError(this.responsedata.error.text);
              console.log(this.responsedata.error);
          }
        },(err) =>{

        });
  }

.cprofile.html

<ion-list>
<p>Clinic Profile</p>
 <form #f="ngForm" (ngSubmit)="onSubmit(f)" class="list-form">
        <ion-item>
        <ion-label stacked>Clinic Email</ion-label>
        <ion-input type="text" name="usersClinic.email" [(ngModel)]="usersClinic.email">{{usersClinic.email}}</ion-input>
        </ion-item>

        <ion-item>
        <ion-label stacked>Telephone no.</ion-label>
        <ion-input type="text" name="usersClinic.telno" [(ngModel)]="usersClinic.telno">{{usersClinic.telno}}</ion-input>
        </ion-item>

        <button ion-button color="light" class="transparent-button" [disabled]="!f.valid" text-center round>
          Edit
        </button>
      </form>
      <ion-item>
        <p>Clinic Registration no</p>
        {{clinic_regno}}
      </ion-item>
      <ion-item>
          <p>Clinic Name</p>
          {{clinic_name}}
      </ion-item> 
      <ion-item>
          <p>Clinic Site</p>
          {{site}}
      </ion-item>
      <ion-item>
          <!-- <p>Clinic Address</p>  -->
          <ion-label primary>Clinic Address</ion-label>
           <!-- <ion-textarea>{{clinic_address}},{{zip}},{{city}},{{state}}.</ion-textarea> -->
           <ion-textarea rows="6" disabled [value]="clinic_address" ></ion-textarea>
      </ion-item>


    </ion-list>

我想要的只是能够以离子显示的数据。 因为我在邮递员中测试运行 API 时可以显示所有数据。

Answer 1

请尝试使用此代码显示数据

ionViewWillEnter(){
        this.authService.postData(this.id,'viewProfileClinic').then((result) => {
          this.responsedata = result;
          console.log(result);
              this.usersClinic.email = this.responsedata.email;
                this.usersClinic.telno = this.responsedata.telno;
                this.clinic_regno = this.responsedata.clinic_regno;
                this.clinic_name = this.responsedata.clinic_name;
                this.site = this.responsedata.site;
                this.clinic_address = this.responsedata.clinic_address;
                this.zip = this.responsedata.zip;
                this.city = this.responsedata.city;
                this.state = this.responsedata.state;
        },(err) =>{

        });
  }