我收到未处理的承诺拒绝：模板解析错误：离子 3 [重复]答案

【问题标题】：i'm getting Unhandled Promise rejection: Template parse errors: ionic 3 [duplicate]我收到未处理的承诺拒绝：模板解析错误：离子 3 [重复]
【发布时间】：2017-10-09 13:24:37
【问题描述】：

我无法解决这个问题error

未处理的 Promise 拒绝：模板解析错误：不能有一个元素上的多个模板绑定。只使用一个属性命名为“模板”或以 * ("

这是我的controller

 resposeData:any;
 public showJobsInitally = false;

employerId = 4; // for testing

    this.authService.postData(this.employerId, "jobsPostedByEmployer").then((result)=>{
        this.resposeData = result;     


        console.log(this.resposeData);     


    }, (err) => {

    });

这是我的模板：html

<ion-card *ngIf="showJobsInitally" *ngFor="let jobs of resposeData?.postedJobs">   
  <ion-card-header>
    {{jobs?.company_name}}
  </ion-card-header>
  <ion-card-content>
    <p>{{jobs?.skills}}</p>
    <p>{{jobs?.package}}</p>
    <p>{{jobs?.location}}</p>
    <p>{{jobs?.industry}}</p>
    <p>{{jobs?.job_type}}</p>                           
  </ion-card-content>
</ion-card>

我的authService接收这种格式的数据

{"postedJobs":[{"company_name":"Egdhdf","skills":"jdfjfgjgfjfg","package":"jbfjnbgfjfg","location":"gfgghjjghghj","industry":"kghhjghj","job_type":"fjdjgjghhg","expired_or_not":null},{"company_name":"Enigma Brand Solutions","skills":"php,mysql,javascript","package":"3 lakhs","location":"bangalore","industry":"Software","job_type":"permanent","expired_or_not":null}]}

【问题讨论】：

标签： javascript angular ionic3

【解决方案1】：

一个元素只允许一个结构指令。

<ng-container *ngIf="showJobsInitally">
  <ion-card  *ngFor="let jobs of resposeData?.postedJobs"></ion-card>
</ng-container>

Angular 不保证添加到元素的属性的任何顺序，因此不清楚是先评估 ngIf 还是 ngFor。

通过使用未添加到 DOM 的 <ng-container> 辅助元素，您可以清楚地说明这一点。 ngIf 和 ngFor 当然可以在我的示例代码中切换。

【讨论】：