首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Angular 6-有没有办法将AppModule导入到库中?

在Angular 6中,是有办法将AppModule导入到库中的。这可以通过使用Angular的NgModule装饰器来实现。NgModule装饰器用于定义一个模块,并且可以指定该模块所依赖的其他模块。

要将AppModule导入到库中,可以按照以下步骤进行操作:

  1. 在库的根目录下创建一个新的模块,例如LibraryModule。
  2. 在LibraryModule中使用NgModule装饰器来定义该模块,并将AppModule作为依赖导入。示例代码如下:
代码语言:typescript
复制
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { AppModule } from '../app.module';

@NgModule({
  imports: [
    CommonModule,
    AppModule
  ],
  declarations: [],
  exports: []
})
export class LibraryModule { }

在上述代码中,通过import语句将AppModule导入到LibraryModule中,并在imports数组中添加AppModule。

  1. 在需要使用AppModule的组件或服务中,将LibraryModule导入并添加到其所属模块的imports数组中。示例代码如下:
代码语言:typescript
复制
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { LibraryModule } from '../library.module';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    LibraryModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

在上述代码中,通过import语句将LibraryModule导入到AppModule中,并在imports数组中添加LibraryModule。

通过以上步骤,就可以将AppModule成功导入到库中。这样,在使用该库的项目中,就可以直接使用AppModule中定义的组件、服务等功能。

对于Angular 6的更多信息和详细介绍,可以参考腾讯云的Angular 6产品文档:Angular 6产品文档

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

文件导入到数据_csv文件导入mysql数据

如何 .sql 数据文件导入到SQL sever? 我一开始是准备还原数据的,结果出现了如下问题。因为它并不是备份文件,所以我们无法进行还原。...正确方式: 先打开SQL sever 2008 然后登录,假如出现如下问题则是 “对象资源管理器”未开启 解决办法,我们打开SQL配置管理器 然后这里是暂停或者是已停止,我们将其打开就行。...3、与上述两种数据DSN不同,文件DSN把具体的配置信息保存在硬盘上的某个具体文件。文件DSN允许所有登录服务器的用户使用,而且即使在没有任何用户登录的情况下,也可以提供对数据DSN的访问支持。...dsn和系统dsn(万一嘛…),后果就是,Tomcat报”不能使用’未知的’数据资源”。...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站立刻删除。

14.3K10

模块化开发 Angular 应用

想要更好地理解 Angular 应用程序所有的不同构建的模块? 在这篇文章,我们走进模块的内容。 在 angular 应用,模块是共享和重用代码的好方法。...在这个教程,我们创建自定义的模块,并发掘它的组件。 然后,我们学习怎么使用我们的模块来启用延迟加载,从而使应用更小,使用户体验更好。 我们开始吧!...Angular 的代码通常以模块的形式组织。我们可以模块视为包含特定用例所需要代码的包或捆绑包。 最重要的模块是 App-Module,每个通过脚手架生成的应用都有它。...如果你想在多个模块中使用你的组件,你需要将改组件捆绑到一个单独的模块,并将其导入到模块。 Imports 说到导入... 你的模块可以导入任意数量的子模块。还没有定义任何自定义模块?...HelpComponent }, ] export const routing: ModuleWithProviders = RouterModule.forChild(routes) 复制代码 现在需要做的是,路由导入到

3K10

Angular--Module的使用

Angular 是一个用html 和typescript 构建客户端应用的平台与框架。 它将核心功能和可选功能作为一组TypeScript 进行实现,你可以把它们导入到你的应用。 1....一个Angular应用至少有一个用于启动的根模块(root module), 根模块通常命名为AppModule,并位于一个名叫 app.module.ts 的文件。...providers —— 本模块向全局服务贡献的那些服务的创建器。 这些服务能被本应用的任何部分使用。(你也可以在组件级别指定服务提供商,这通常是首选方式。)...NgModule 还能把一些服务提供商添加到应用的依赖注入器(provider)。...2.常用模块NgModules NgModule Import it from Why you use it BrowserModule @angular/platform-browser 当你想要在浏览器运行

4.9K40

前端下半场:构建跨框架的 UI

而当我们在业务组件的基础上,进行对一些通用业务组件的封装时,我们的架构则基于基于 UI 组件和业务组件的组件化架构。 可不论是哪种方式,最后我们都限定于框架限制——我们系统绑定在框架上。...未来,这些都是风险,那么有没有可能将底层的 UI 组件、 复合组件和业务组件通用呢?...铺垫:React 引入 Angular 组件 为了在我的编辑器中使用 Angular,我用 Angular 编写了一个重命名功能。...而为了使用它,我得再次使用一次 customEvent,而在这个微前端架构的系统,其事件通讯机制已经相当的复杂。在这部分的代码进一步恶化之前,我得尝试有没有别的方式。...Web Components 框架构建组件 在那些微前端相关的文章,我们指出类似于 Stencil 的形式,组件直接构建成 Web Components 形式的组件,随后在对应的诸如,如 React

1.4K10

React 引入 Angular 组件

为了在我的编辑器中使用 Angular,我用 Angular 编写了一个重命名功能。而为了使用它,我得再次使用一次 customEvent,而在这个微前端架构的系统,其事件通讯机制已经相当的复杂。...在这部分的代码进一步恶化之前,我得尝试有没有别的方式。于是,我想到了之前在其它组件中使用的 Web Components 技术,而 Angular 6 正好可以支持。...于是,我便想,不如在 React 引入 Angular 组件吧。...至少 filename 参数可以成功地传递到 Angular 代码,而 action 在当前似乎还不行。但是毫无疑问,它在未来是可用的。...Web Components 框架构建组件 在那些微前端相关的文章,我们指出类似于 Stencil 的形式,组件直接构建成 Web Components 形式的组件,随后在对应的诸如,如 React

2.1K30

Angular 从入坑到挖坑 - 模块简介

三、Step by Step 3.1、前端模块化 前端模块化是指程序中一组相关的功能按照一定的规则组织在一块,整个模块内部的数据和功能实现是私有的,通过 export 暴露其中的一些接口(方法)与系统的别的模块进行通信...NgModule 简介 在 Angular 应用,至少会存在一个 NgModule,也就是应用的根模块(AppModule),通过引导这个根模块就可以启动整个项目 像开发中使用到 FormsModule...、HttpClientModule 这种 Angular 内置的也都是一个个的 NgModule,在开发通过组件、指令、管道、服务或其它的代码文件聚合成一个内聚的功能块,专注于系统的某个功能模块...,只有根模块才会存在 3.2、应用的根模块 根模块是用来启动此 Angular 应用的模块, 按照惯例,它通常命名为 AppModule 通过 Angular CLI 新建一个应用后,默认的根模块代码如下...数组添加根组件用来作为组件树的根 3.3、特性模块 特性模块是用来特定的功能或具有相关特性的代码从其它代码中分离出来,聚焦于特定应用需求。

1.8K20

Angualr2 之 angular模块Angular 模块化提供服务特性模块 - 业务上的最佳实践(n)共享模块XxxModule.forRoot配置核心服务知识点

它可以向应用的依赖注入器添加服务提供商。 Angular 模块化 模块是组织应用程序和使用使用外部程序的最佳途径。 很多Angular都是模块,e.g....* 等价于,组建放到这里,除去模板中用到的组件外,别的地方都可可以随意使用,尤其是ionic的导航。...特性模块 - 重点 特性模块不会集成其他模块对组件、指令或者管道的访问权。AppModule的 imports 与crudModule的 imports 互不相干。...forRoot 根模块AppModule会导入CrudModule类并把它的providers添加到AppModule的服务提供商。...这样可以确保我们显式添加到AppModule 的那些提供商总是优先于从其它模块中导入的提供商。

2.2K30

Angular 6+依赖注入使用指南:providedIn与providers对比

Angular 6为我们提供了更好的语法——provideIn,用于服务注册到Angular依赖注入机制。...另外,root 实际上是 AppModule 的别名,这是一个很好的语法糖,我们因此不需要额外导入 AppModule。...从技术上讲,'root'代表 AppModule ,但Angular足够聪明,如果该服务只是在惰性组件/服务中注入,那么它只会绑定在延迟加载的bundle。...这意味着,如果使用正确,可以整个模块删除或外部化为独立的应用程序/。可能有数百个组件和服务的模块可以在不影响应用程序其余部分的情况下随意移动,这是非常令人惊奇的!...目前还没有办法解决这个问题...... 最佳实践 当处理开发、实用程序或任何其他形式的可重用 Angular 逻辑时,providedIn: 'root'是非常好的解决方案。

2.7K11
领券