Question

我是Ionic和Angular的新手。如果在xxx.ts和xxx.module.ts中导入，我无法确定我们的区别。在Ionic 3中。

假设我有一个新生成的标签，名为＆＃39;设置＆＃39;它有，

settings.ts

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为

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

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

如您所见，两者都有导入语句。所以如果我要导入一些东西，我应该在哪里做呢？这两个.ts文件中的导入有什么区别？

谢谢！

Answer 1

这就是角度结构的工作原理。给出一个详细的答案。

<强> Imports inside module.

如果要使用组件，提供者（管道/服务），则需要在根级别注册，这是模块级别。导入使用角度依赖性注入并可以导出。这也创建了一个可以与元素共享的新实例，而无需实例化多个时间。

<强> Imports inside the component

这些导入与应该已经在模块级别的组件级别相关。通常，文件顶部的导入是TypeScript导入，用于创建类，接口和变量。

进口Ionic 3

1 个答案: