Question

我正在尝试为我的选择框填充选项。这是我做的事情

创建-ticket.ts

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';
import { MainproviderProvider } from '../../providers/mainprovider/mainprovider';

/**
 * Generated class for the CreateTicketPage page.
 *
 * See https://ionicframework.com/docs/components/#navigation for more info on
 * Ionic pages and navigation.
 */

@IonicPage()
@Component({
  selector: 'page-create-ticket',
  templateUrl: 'create-ticket.html',
})
export class CreateTicketPage {
  responseData : any;
  objectKeys = Object.keys;
  constructor(public navCtrl: NavController, public navParams: NavParams, public MainproviderProvider : MainproviderProvider) {

 }

  ionViewDidLoad() {
        this.MainproviderProvider.populateprobParent().then((result) => { 
            this.responseData = result;
         });
  }

}

这是我的 create-ticket.html

<ion-header>

  <ion-navbar>
    <ion-title>CreateTicket</ion-title>
  </ion-navbar>

</ion-header>


    <ion-content padding>
      <ion-select [(ngModel)]="this.responseData" [required]="true" [name]="value">
            <ion-option *ngFor="let option of objectKeys(value)">
                {{ value[ProblemId] }} - {{ value[ProblemDesc] }}
            </ion-option>
        </ion-select>
    </ion-content>

但是当我运行它时，我收到此错误

Error: Uncaught (in promise): TypeError: Cannot convert undefined or null to object TypeError: Cannot convert undefined or null to object

这是我的json看起来像

{"parentData": [{"ProblemId":"PROB001","ProblemParent":null,"ProblemDesc":"Masalah Jaringan"},{"ProblemId":"PROB005","ProblemParent":null,"ProblemDesc":"Masalah Komputer"}]}

我错过了什么吗？我该如何解决？

Answer 1

您需要在响应数据上使用ngFor

UserManager

<强> DEMO

从json结果

1 个答案: