web-dev-qa-db-ja.com

Ionic 3はカスタムコンポーネント内でion- *コンポーネントを使用できません

最近、Ionic 3 from Ionic 2にアップグレードし、components.module.tsファイルを作成し、それぞれを宣言およびエクスポートしました。私が持っているカスタムコンポーネント、そして私が持っているすべてのページモジュールにこの単一のファイルをインポートしました。

そのため、問題は、components.module内でIonicModule.forRoot(..)をインポートしなかったため、自分のコンポーネント内でion- *コンポーネントを使用できないことです。

エラーは次のとおりです。

「テンプレート解析エラー:「イオンスピナー」は既知の要素ではありません...」

何が間違っていますか?

32
Eliran Pe'er

それでは解決策を見つけました。

必要なのは、IonicModuleを_components.module_にインポートすることだけでしたwithoutforRoot(..)

また、Angularのディレクティブを機能させるには、AngularのCommonModuleも必要なので、おそらくインポートする必要があることにも注意してください。

61
Eliran Pe'er

Eliranの回答に基づいて、ここに誰かが視覚的な何かを必要とする場合の例があります、components.module.ts

@NgModule({
 imports: [
  CommonModule, <<<< add the angular common module
  IonicModule <<<< add the ionic module
 ],
 ...
})
22
Wils