Переименовать заголовок вкладки в ионном проекте - PullRequest
Новая
       11

Переименовать заголовок вкладки в ионном проекте

0 голосов
/ 07 мая 2018

Я новичок в Ionic и vscode, поэтому я начал новый проект ionic в vscode. В целях тестирования я переименовал HomePage в AccountPage - все ссылки были изменены, как и ожидалось. Я также переименовал Домашнюю папку + 3 файла (ts / html / css) в учетную запись и их ссылки в коде.

Затем я изменил Главная на учетную запись в account.html 

<ion-header>
  <ion-navbar>
    <ion-title>Account</ion-title>
  </ion-navbar>
</ion-header>

и в tabs.html 

<ion-tabs>
  <ion-tab [root]="tab1Root" tabTitle="Account" tabIcon="home"></ion-tab>
  <ion-tab [root]="tab2Root" tabTitle="About" tabIcon="information-circle"></ion-tab>
  <ion-tab [root]="tab3Root" tabTitle="Contact" tabIcon="contacts"></ion-tab>
</ion-tabs>

Единственная ошибка, которую я вижу, в account.ts в @Component({

[Angular] Component 'AccountPage' is not included in a module and will not be available inside a template. Consider adding it to a NgModule declaration

и я не уверен, что с этим делать, потому что в коде больше нет ссылок Home. Кроме того, при запуске приложения оно работает без ошибок, за исключением того факта, что я все еще вижу Home в приложении (браузере) вместо Account. Чего мне не хватает?

account.ts 

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
  selector: 'page-account',
  templateUrl: 'account.html'
})
export class AccountPage {

  constructor(public navCtrl: NavController) {

  }

}

app.module.ts 

import { NgModule, ErrorHandler } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { MyApp } from './app.component';

import { AboutPage } from '../pages/about/about';
import { ContactPage } from '../pages/contact/contact';
import { AccountPage } from '../pages/account/account';
import { TabsPage } from '../pages/tabs/tabs';

import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';

@NgModule({
  declarations: [
    MyApp,
    AboutPage,
    ContactPage,
    AccountPage,
    TabsPage
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    AboutPage,
    ContactPage,
    AccountPage,
    TabsPage
  ],
  providers: [
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
  ]
})
export class AppModule {}

1 Ответ

0 голосов
/ 08 мая 2018

Полагаю, вы также изменили файл tabs.ts, верно? Я не вижу здесь никакой ошибки. Может быть, вы забыли сохранить каждый файл, который вы изменили, а затем выполнить ионную подачу?

...