Как добавить пользовательский компонент в Ionic (3)? - PullRequest
Новая
       4

Как добавить пользовательский компонент в Ionic (3)?

0 голосов
/ 23 июня 2018

У меня есть модуль страницы регистрации, где я пытаюсь включить пользовательский компонент: «EaterSignUpModule» (скоро это будет модуль с двумя пользовательскими компонентами для разных ролей пользователя) 

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { SignupPage } from './signup';
// components
import { EaterSignupModule } from './components/eater-signup/eater_signup.module';
// services
import { SignUpService } from './services/signup.service';

@NgModule({
  declarations: [
    SignupPage,
  ],
  imports: [
    IonicPageModule.forChild(SignupPage),
    EaterSignupModule
  ],
  exports: [
    SignupPage
  ],
  providers: [
    SignUpService
  ]
})
export class SignupPageModule { }

Это файл модуля моего пользовательского компонента: 

import { NgModule } from '@angular/core';
import { IonicModule } from 'ionic-angular';
// components
import { EaterSignUp } from './eater_signup';
// services
import { SignUpService } from '../../services/signup.service';

@NgModule({
  declarations: [
    EaterSignUp
  ],
  imports: [
    IonicModule,
  ],
  exports: [
    EaterSignUp
  ],
  entryComponents: [
    EaterSignUp
  ],
  providers: [
    SignUpService
  ]
})
export class EaterSignupModule { }

И это файл машинописи компонентов / файл класса: 

import { Component } from '@angular/core';
import { AlertController, App, LoadingController } from 'ionic-angular';
// interfaces
import { Credentials,
  EaterProfile,
  VendorProfile,
  VehicleDimensions
} from '../../../../interfaces/main.interfaces';
// services
import { SignUpService } from '../../services/signup.service';

@Component({
  selector: 'eater-signup',
  templateUrl: 'eater_signup.html',
})
export class EaterSignUp {

  constructor(
    public loadingCtrl: LoadingController,
    public alertCtrl: AlertController,
    public signUpService: SignUpService,
    public app: App
  ) {
    this.initialize();
   }

  public initialize(){

  }

}

Код, где я фактически использую селектор: 

<ng-container *ngIf="viewState=='eaterSelected'">
  <eater-signup></eater-signup>
</ng-container>

Мое понимание работы такого рода в ионном режиме ограничено (IonicPage и IonicPage Module)

Я столкнулся со следующей ошибкой: «Uncaught Error: Template parse errors: 'eater-signup 'не является известным элементом: 1. Если' eater-signup 'является угловым компонентом, то убедитесь, что он является частью этого модуля ..... "

В нормальном угловом Iобычно просто объявляют компонент, и даже не нужен модуль для него.

Буду признателен за любую помощь в этом.Спасибо

...