@anespa wrote:
Dear Friends,
I am a newbie in ionic framwork. I try to add a page to existing ‘DreamHome’ sample code with name ‘Payment’. I generate new page through command. I got the errormy file content below: /app/app.component.ts
this.appMenuItems = [ {title: 'Properties', component: PropertyListPage, icon: 'home'}, {title: 'Brokers', component: BrokerListPage, icon: 'people'}, {title: 'Favorites', component: FavoriteListPage, icon: 'star'}, {title: 'Get Preapproved', component: WelcomePage, icon: 'checkmark-circle'}, //{title: 'Birth Certificate', component: BirthCertificatePage, icon: 'people'}, {title: 'Payment', component: PaymentPage, icon: 'people'}, ];
- payment.ts
import { Component } from '@angular/core'; import { IonicPage, NavController, NavParams } from 'ionic-angular'; /** * Generated class for the PaymentPage page. * * See http://ionicframework.com/docs/components/#navigation for more info * on Ionic pages and navigation. */ @IonicPage() @Component({ selector: 'page-payment', templateUrl: 'payment.html', }) export class PaymentPage { constructor(public navCtrl: NavController, public navParams: NavParams) { } ionViewDidLoad() { console.log('ionViewDidLoad PaymentPage'); } }
- payment.scss
page-payment { }
- payment.html
<!-- Generated template for the PaymentPage page. See http://ionicframework.com/docs/components/#navigation for more info on Ionic pages and navigation. --> <ion-header> <ion-navbar> <ion-title>Payment</ion-title> </ion-navbar> </ion-header> <ion-content padding> </ion-content>
Please advise
Thanks
Anes
Posts: 1
Participants: 1