到达html里面的数组变量

时间:2016-10-26 19:36:59

标签: angular ionic2

export class FirmsPage {
  langs;
  langForm;
  loading: any;
  username : string;
  firms;

  constructor(public navCtrl: NavController, private navParams: NavParams, public firmService: FirmService, public loadingCtrl: LoadingController) {
     this.username = this.navParams.get("param");
     this.langForm = new FormGroup({
      "langs": new FormControl('')
    });
  }

  ionViewDidLoad() {
    this.showLoader();
    this.getFirms();
    this.loading.dismiss();
  }

  getFirms(){
       this.firmService.getFirms()
       .subscribe(
           data => {
             this.firms = data;
           },
           error => alert(error),
           () => console.log("Finished")
       );
    }

我从公司获得json的公司并将它们订阅到公司数组。现在我想在我的html文件中使用那些公司数组,如下所示;

<ion-item>
        <ion-label>Go</ion-label>
        <ion-radio value='' checked="true"></ion-radio>
      </ion-item>

我想给那个带有公司数组的单选按钮赋一个值。我试图像value={{firm[0].adi}}那样做。但是它给了我错误。那么,我怎样才能给这个单选按钮赋值?

1 个答案:

答案 0 :(得分:0)

由于来自服务器请求的响应尚未到达,您必须注意表达式在firmnull时不会抛出:

[value]="firms?.length && firms[0]?.adi"

{{}}可能会起作用而不是[],但{{}}会进行字符串插值,这通常不是您想要的。