Ionic2 离子2模态。内联模板-类型错误:无法读取属性';项目';未定义的
我想从我的事件页面显示一个模式:Ionic2 离子2模态。内联模板-类型错误:无法读取属性';项目';未定义的,ionic2,Ionic2,我想从我的事件页面显示一个模式: //event.html <form [formGroup]="newEventForm"> <ion-item> <ion-label floating>Title</ion-label> <ion-input formControlName="title" type="text"></ion-input> </ion-ite
//event.html
<form [formGroup]="newEventForm">
<ion-item>
<ion-label floating>Title</ion-label>
<ion-input formControlName="title" type="text"></ion-input>
</ion-item>
<ion-item>
<ion-label>Sport</ion-label>
<ion-select formControlName="sport">
<ion-option value="Running">Running</ion-option>
<ion-option value="Football">Football</ion-option>
<ion-option value="Yoga">Yoga</ion-option>
<ion-option value="Golf">Golf</ion-option>
</ion-select>
</ion-item>
<ion-item>
<ion-label>Début</ion-label>
<ion-datetime displayFormat="DD MMM YYYY" formControlName="timeStarts"></ion-datetime>
</ion-item>
<ion-item>
<ion-label>Où</ion-label>
<ion-input formControlName="location" type="text" (click)="presentNewLocationModal()"></ion-input>
</ion-item>
然后写下我的情态。
视图:
单击显示模式的“où”输入时,我会出现以下错误:
EXCEPTION: Error in ./NewLocationModal class NewLocationModal - inline template:22:14 caused by: Cannot read property 'items' of undefined
TypeError: Cannot read property 'items' of undefined
at CompiledTemplate.proxyViewClass.View_NewLocationModal0.detectChangesInternal (/AppModule/NewLocationModal/component.ngfactory.js:363:46)
at CompiledTemplate.proxyViewClass.AppView.detectChanges (http://localhost:8100/build/main.js:117531:14)
at CompiledTemplate.proxyViewClass.DebugAppView.detectChanges (http://localhost:8100/build/main.js:117726:44)
at CompiledTemplate.proxyViewClass.AppView.internalDetectChanges (http://localhost:8100/build/main.js:117516:18)
at CompiledTemplate.proxyViewClass.View_NewLocationModal_Host0.detectChangesInternal (/AppModule/NewLocationModal/host.ngfactory.js:29:19)
at CompiledTemplate.proxyViewClass.AppView.detectChanges (http://localhost:8100/build/main.js:117531:14)
at CompiledTemplate.proxyViewClass.DebugAppView.detectChanges (http://localhost:8100/build/main.js:117726:44)
at ViewContainer.detectChangesInNestedViews (http://localhost:8100/build/main.js:117863:37)
at CompiledTemplate.proxyViewClass.View_ModalCmp0.detectChangesInternal (/IonicModule/ModalCmp/component.ngfactory.js:46:14)
at CompiledTemplate.proxyViewClass.AppView.detectChanges (http://localhost:8100/build/main.js:117531:14)
at CompiledTemplate.proxyViewClass.DebugAppView.detectChanges (http://localhost:8100/build/main.js:117726:44)
at CompiledTemplate.proxyViewClass.AppView.internalDetectChanges (http://localhost:8100/build/main.js:117516:18)
at CompiledTemplate.proxyViewClass.View_ModalCmp_Host0.detectChangesInternal (/IonicModule/ModalCmp/host.ngfactory.js:30:19)
at CompiledTemplate.proxyViewClass.AppView.detectChanges (http://localhost:8100/build/main.js:117531:14)
at CompiledTemplate.proxyViewClass.DebugAppView.detectChanges (http://localhost:8100/build/main.js:117726:44)
构造函数被调用,但不知何故,代码的一部分试图访问我自己不使用的“items”变量。。。有什么想法吗
顺便说一下,我不明白为什么在我使用templateUrl时会说“内联模板”
****编辑****
只有当我将templateUrl用于模式时,错误才会发生。如果我用“template”实现.ts文件中的视图,那么没有错误,正如前面所述,问题似乎是由于与Ionic相关的错误。升级到最新版本解决了这个问题
<ion-header>
<ion-toolbar>
<ion-title>
Choisir un lieu
</ion-title>
<ion-buttons start>
<button ion-button (click)="dismiss()">
<span ion-text color="primary" showWhen="ios">Cancel</span>
<ion-icon name="md-close" showWhen="android, windows"></ion-icon>
</button>
</ion-buttons>
</ion-toolbar>
</ion-header>
<ion-content>
Choisir un lieu
</ion-content>
import { Component } from '@angular/core';
import { Platform, NavParams, ViewController } from 'ionic-angular';
@Component({
selector: 'modal-new-location',
templateUrl: 'new-location-modal.html'
})
export class NewLocationModal {
constructor(public platform: Platform, public viewCtrl: ViewController) {
console.log('NewLocationModal#constructor');
}
dismiss() {
this.viewCtrl.dismiss();
}
}
EXCEPTION: Error in ./NewLocationModal class NewLocationModal - inline template:22:14 caused by: Cannot read property 'items' of undefined
TypeError: Cannot read property 'items' of undefined
at CompiledTemplate.proxyViewClass.View_NewLocationModal0.detectChangesInternal (/AppModule/NewLocationModal/component.ngfactory.js:363:46)
at CompiledTemplate.proxyViewClass.AppView.detectChanges (http://localhost:8100/build/main.js:117531:14)
at CompiledTemplate.proxyViewClass.DebugAppView.detectChanges (http://localhost:8100/build/main.js:117726:44)
at CompiledTemplate.proxyViewClass.AppView.internalDetectChanges (http://localhost:8100/build/main.js:117516:18)
at CompiledTemplate.proxyViewClass.View_NewLocationModal_Host0.detectChangesInternal (/AppModule/NewLocationModal/host.ngfactory.js:29:19)
at CompiledTemplate.proxyViewClass.AppView.detectChanges (http://localhost:8100/build/main.js:117531:14)
at CompiledTemplate.proxyViewClass.DebugAppView.detectChanges (http://localhost:8100/build/main.js:117726:44)
at ViewContainer.detectChangesInNestedViews (http://localhost:8100/build/main.js:117863:37)
at CompiledTemplate.proxyViewClass.View_ModalCmp0.detectChangesInternal (/IonicModule/ModalCmp/component.ngfactory.js:46:14)
at CompiledTemplate.proxyViewClass.AppView.detectChanges (http://localhost:8100/build/main.js:117531:14)
at CompiledTemplate.proxyViewClass.DebugAppView.detectChanges (http://localhost:8100/build/main.js:117726:44)
at CompiledTemplate.proxyViewClass.AppView.internalDetectChanges (http://localhost:8100/build/main.js:117516:18)
at CompiledTemplate.proxyViewClass.View_ModalCmp_Host0.detectChangesInternal (/IonicModule/ModalCmp/host.ngfactory.js:30:19)
at CompiledTemplate.proxyViewClass.AppView.detectChanges (http://localhost:8100/build/main.js:117531:14)
at CompiledTemplate.proxyViewClass.DebugAppView.detectChanges (http://localhost:8100/build/main.js:117726:44)