我得到未處理的承諾拒絕：模板解析錯誤：離子3

我無法來解決這個error我得到未處理的承諾拒絕：模板解析錯誤：離子3

未處理的承諾拒絕：模板解析錯誤：無法有一個元素多個模板綁定。僅使用一個屬性命名爲 '模板' 或*前綴（」

這裏是我的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}]}

來源

2017-10-09 EaB

在一個元素上只允許有一個結構指令。

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

角不保證添加到元素屬性的任何命令，因此，如果您想ngIf或ngFor首先計算這將是不清楚的。

通過使用未添加到DOM的<ng-container>幫助程序元素，可以清除此問題。 ngIf和ngFor當然可以在我的示例代碼中切換。

來源

2017-10-09 13:25:49

我得到未處理的承諾拒絕：模板解析錯誤：離子3

回答

相關問題