Angular 固定离子3:属性';问题';不存在于类型';对象';
我有一个关于这一行的错误,我已经尝试了不同的来源来修复它,但不幸的是我不能。有什么帮助吗?我正在做一个简单的测试,不介意atm上提供的数据 这是我的数据。这就是我遇到麻烦的地方Angular 固定离子3:属性';问题';不存在于类型';对象';,angular,ionic-framework,ionic3,Angular,Ionic Framework,Ionic3,我有一个关于这一行的错误,我已经尝试了不同的来源来修复它,但不幸的是我不能。有什么帮助吗?我正在做一个简单的测试,不介意atm上提供的数据 这是我的数据。这就是我遇到麻烦的地方 import { Injectable } from '@angular/core'; import 'rxjs/add/operator/map'; import { HttpClient } from '@angular/common/http'; /* Generated class for the Data
import { Injectable } from '@angular/core';
import 'rxjs/add/operator/map';
import { HttpClient } from '@angular/common/http';
/*
Generated class for the DataProvider provider.
See https://angular.io/guide/dependency-injection for more info on providers
and Angular DI.
*/
@Injectable()
export class DataProvider {
data: any;
constructor(public http: HttpClient) {
}
load(){
if(this.data){
return Promise.resolve(this.data);
}
return new Promise(resolve => {
this.http.get('assets/data/questions.json').subscribe(data => {
this.data = data.questions; <----------THIS IS LINE IS DISPLAYING ERROR
resolve(this.data);
});
});
}
}
最后是显示测验的ion html文件
<ion-content>
<ion-slides #slides>
<ion-slide class="start-slide">
<button ion-button color="primary" (click)="nextSlide()">Start!</button>
</ion-slide>
<ion-slide *ngFor="let question of questions; let i = index;">
<h3>Question {{i+1}}</h3>
<flash-card [isFlipped]="question.flashCardFlipped">
<div class="flash-card-front" [innerHTML]="question.flashCardFront"></div>
<div class="flash-card-back" [innerHTML]="question.flashCardBack"></div>
</flash-card>
<h3>{{question.questionText}}</h3>
<ion-list no-lines radio-group>
<ion-item *ngFor="let answer of question.answers; let i = index;">
<ion-label>{{i+1}}. {{answer.answer}}</ion-label>
<ion-radio (click)="selectAnswer(answer, question)" [checked]="answer.selected" [disabled]="hasAnswered"></ion-radio>
</ion-item>
</ion-list>
</ion-slide>
<ion-slide>
<h2>Final Score: {{score}}</h2>
<button (click)="restartQuiz()" ion-button full color="primary">Start Again</button>
</ion-slide>
</ion-slides>
</ion-content>
开始
问题{{i+1}
{{问题.问题文本}
{{i+1}}。{{答案.答案}
最终分数:{{Score}
重新开始
您需要将响应更改为以下任意类型:
this.http.get('assets/data/questions.json').subscribe((data:any) => {
你的错误是什么?这个问题已经解决了。但是您的回复非常感谢您的快速回复,陛下。这解决了我的问题。
<ion-content>
<ion-slides #slides>
<ion-slide class="start-slide">
<button ion-button color="primary" (click)="nextSlide()">Start!</button>
</ion-slide>
<ion-slide *ngFor="let question of questions; let i = index;">
<h3>Question {{i+1}}</h3>
<flash-card [isFlipped]="question.flashCardFlipped">
<div class="flash-card-front" [innerHTML]="question.flashCardFront"></div>
<div class="flash-card-back" [innerHTML]="question.flashCardBack"></div>
</flash-card>
<h3>{{question.questionText}}</h3>
<ion-list no-lines radio-group>
<ion-item *ngFor="let answer of question.answers; let i = index;">
<ion-label>{{i+1}}. {{answer.answer}}</ion-label>
<ion-radio (click)="selectAnswer(answer, question)" [checked]="answer.selected" [disabled]="hasAnswered"></ion-radio>
</ion-item>
</ion-list>
</ion-slide>
<ion-slide>
<h2>Final Score: {{score}}</h2>
<button (click)="restartQuiz()" ion-button full color="primary">Start Again</button>
</ion-slide>
</ion-slides>
</ion-content>
this.http.get('assets/data/questions.json').subscribe((data:any) => {