javascript - 使用一个主类具有我在组件中需要的所有类。那是坏方法吗?
问题描述
我对在 Angular 7 中构建项目有疑问。
我有许多在每个组件中使用的重复类。我以为我让一个类包含我需要的所有类,而不是在每个组件中导入所有这些类。
这将使我轻松控制项目。但我不知道这是坏方法还是好方法?是否消耗大量内存和资源?
EX 我的主要课程“AppImports”:
import { Injectable } from '@angular/core';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';
import 'rxjs/add/operator/map';
import {Router , ActivatedRoute} from "@angular/router"
import { Platform,MenuController, ModalController , AlertController, ToastController, PopoverController, ActionSheetController , NavController } from '@ionic/angular';
import { Keyboard } from '@ionic-native/keyboard/ngx';
import { Language } from './language';
import { Display } from './display';
import { Api } from './api';
import { Buttons } from './buttons';
import { Animations } from './animations';
@Injectable()
export class AppImports {
constructor(
public platform: Platform,
public splashScreen: SplashScreen,
public statusBar: StatusBar,
public keyboard: Keyboard,
public router: Router,
public activRoute: ActivatedRoute,
public menu: MenuController,
public modals: ModalController,
public alerts: AlertController,
public toasts:ToastController,
public pops: PopoverController,
public sheets: ActionSheetController ,
public navs: NavController,
public lang: Language,
public display: Display,
public api: Api,
public button: Buttons,
public animation: Animations
){}
}
在我的组件中,我只导入了一个包含我所有类的类“AppImports”:
import { Component } from '@angular/core';
import { AppImports } from '../imports/app-imports'
@Component({
selector: 'app-root',
templateUrl: 'app.component.html',
styleUrls: ['app.component.scss'],
})
export class AppComponent {
constructor(
public app :AppImports,
) {
this.app.menu.open();
}
}
那么,这是坏方法还是好方法?
解决方案
在每个组件中,只需在该组件中导入您需要的内容。AppImports
如果你真的需要它的所有类,你可以导入你的组件。
推荐阅读
- python - 如何使 Dijkstra 的算法报告该最短路线的完整最终距离
- java - 关闭应用程序时广播接收器不起作用
- sql - 错误后如何设置 MERGE 操作以继续执行
- casting - 它在哪里声明 CastRemoteDisplay api 已弃用,是否正确,没有替代方案?
- html - 有没有办法在 Webview 中将 Voiceover 的焦点更改或重置为 Javascript?
- java - XWPFDocument - 外部超链接创建 - 路径显示为“localpath+url” 我只需要将它写为“url”
- vue.js - 验证
和不改变格式的链接 - google-cloud-firestore - 在异步文档创建时创建有序索引
- python - Python Visual Studio Code 方括号无法识别
- javascript - 我怎样才能总结和计算百分比(正确)?