数据未绑定到带有 Angular 的 Ionic 中的前视图

Question

我需要获取home.html的UserName和Email前面的数据。但现在我变得像下面

home.ts

ngOnInit() {
    this.resetForm();
    this.userClaims= this.userService.userClaims;
  }

home.html

<div class="card-content">
        <span>Username :{{userClaims.Name}}</span>
        <br>
        <span>Email : {{userClaims}}</span>
        <br>     
      </div>

我正在控制台中获取数据，如下图所示 app-data.service.ts

sendMobileNo(mobno) {
        var data = "MobileNo=" + mobno;
        var reqHeader = new HttpHeaders({ 'Content-Type': 'application/json'});
       var url=this.uihelper.CallWebAPIUrlNew("/Tenant/GetTenantsByMobile")+"?"+data;
        return this.http.get(url).map((response: Response) => {
            var data = response.json();
            this.userClaims(data);
        });

这是初始组件，我通过发送 mobno 作为参数来调用服务 register.ts

OnSubmit(mobno){
    this.regService.sendMobileNo(mobno).subscribe((data : any)=>{
      this.navCtrl.push(HomePage);
    },
   (err : HttpErrorResponse)=>{
     this.isLoginError = true;
   });

register.html

<form id="register-form3" #registrationForm="ngForm" (ngSubmit)="OnSubmit(MobileNo.value)">
    <ion-list id="register-list11">
      <ion-item id="register-input8">
        <ion-label>
          Phone Number
        </ion-label>
        <ion-input type="number" #MobileNo ngModel name="MobileNo"placeholder=""></ion-input>
      </ion-item>
    </ion-list>
    <button id="register-button7" ion-button color="positive" block on-click="goToBankList()">
      Search Bank
    </button>
  </form>

谁能帮我改正需要的..

Answer 1

将您的数据分配给 userClaims，而不是像这样传递它，

this.userClaims = data[0];