Ionic 3の輸入品

Question

私はIonicとAngularの初心者です。 xxx.tsとxxx.module.tsに輸入した場合の違いは分かりません。イオン3に

は

settings.ts

import { NgModule } from '@angular/core'; 
import { IonicPageModule } from 'ionic-angular'; 
import { SettingsPage } from './settings'; 

@NgModule({ 
    declarations: [ 
    SettingsPage, 
    ], 
    imports: [ 
    IonicPageModule.forChild(SettingsPage), 
    ], 
}) 
export class SettingsPageModule {} 

として

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

@IonicPage() 
@Component({ 
    selector: 'page-deals', 
    templateUrl: 'settings.html', 
}) 
export class SettingsPage { 

    constructor(public navCtrl: NavController, public navParams: NavParams) { 
    } 

    ionViewDidLoad() { 
    console.log('ionViewDidLoad SettingsPage'); 
    } 

} 

とsettings.module.ts、私は '設定' と呼ばれる、新たに生成されたタブを持っており、それが持っていると仮定します

ご覧のとおり、両方にインポートステートメントがあります。だから、もし私が何かを輸入したら、どこでそれをするべきですか？これらの2つの.tsファイルのインポートの違いは何ですか？

ありがとうございました！

Answer 1

これは角度構造の仕組みです。それについての詳細な回答をする。モジュールlevel.Theの輸入は、角度依存性の注入を使用して、エクスポートすることができ

Imports inside module.

、コンポーネント、プロバイダ（パイプ/サービス）を消費する場合は、ルートレベルに登録する必要があり、 。これにより、複数のインスタンスをインスタンス化する必要なく要素と共有できる新しいインスタンスも作成されます。

Imports inside the component

これらの輸入は、ファイルの先頭に輸入は、クラス、インタフェース、および変数を作るために活字体の輸入であるlevel.Usuallyモジュールで既になければならないコンポーネントのレベルに関連しています。