angular-module相关内容

角度依赖注入,服务寿命

对Angular服务的寿命存在一些疑问.我目前的理解是,如果将服务注入组件中,并且该服务在该组件的providers数组中提供,那么在销毁该组件时,该服务也将被销毁. 以下是一个不太抽象的示例: @Component({选择器:"app-offline-header",templateUrl:"./offline-header.component.html",styleUrls:['./ ..

如何在Angular 9中导入所有Angular Material模块

我想导入所有角材料模块并用于整体角项目模板中. 解决方案 我们可以创建一个新模块,并将所有材料模块导入该新模块中,并用于我们的模板中. 请使用此命令并运行Angular CLI: ng g m material --module = app -module = app -此命令将自动导入新创建的 MaterialModule 模块,并将其添加到AppModule imports ..

何时使用Angular Directives,Components&模组

我一直在阅读文档,但是对于何时应该使用指令或组件似乎还是很困惑…… 此外,什么时候最好抽象出组件并将它们放入模块中? 解决方案 实际上,根据角度文档,组件也是一种指令. Angular中有三种指令: 1.组件-带有模板的指令.2.结构化指令-通过添加和删除DOM元素来更改DOM布局.3.属性指令-更改元素的外观或行为,组件或其他指令. 当您的要求是创建一组可重复使用的h ..

如何重用Angular测试文件中的所有导入

让我们说我有一个简单的模块 AppModule ,其中包含许多导入,声明和提供程序.现在,我想为位于该模块的声明列表中的组件 ListComponent 编写测试. ListComponent 本身使用 AppModule 的许多(但不是每次)导入.我是这样的: 从"@ angular/core/testing"导入{TestBed};//+来自`AppModule`的相同的复制粘贴导入列表be ..

@Injectable()装饰器和提供者数组

@Injectable()装饰器中以"root"身份提供的服务是否仍必须位于模块的providers数组中? Angular文档并没有真正给我答案,或者我不太清楚了解它. 在我的核心文件夹中,我有一个身份验证服务,该服务以root身份提供.为了使用所有提供的服务和组件,我不会将我的核心模块导入应用模块中. 我是否必须在模块的providers数组中另外设置服务,还是已经使用装饰器 ..

Angular 5,使用子模块中的组件

当我将应用细分为延迟加载效率时,出现了我似乎无法纠正的错误 并为"child"使用子路由器, 我需要使用主应用程序中使用的组件. 但是我收到以下错误消息 类型AccountInfoComponent是2个模块的声明的一部分 我的应用程序结构如下 app |--components |--accountInfo |--accountInfo.comp ..
发布时间:2020-09-01 21:19:50 其他开发

在功能模块中导入HttpClientModule

HttpClientModule上的文档说: 在使用HttpClientModule之前,需要导入Angular HttpClientModule.大多数应用程序都是在根AppModule中这样做的. 在这种情况下,我们要将HttpClientModule导入到 功能模块? 如果我们将其导入到多个数据库中会发生什么 功能模块又插在根模块中? 当我们在一个应用程序中有数十个模块,其中 ..
发布时间:2020-09-01 00:56:10 其他开发

角度元数据版本不匹配

我在项目中使用angular 4和angular cli,我只是安装ng2-img-max以便在将图像上传到Firebase存储之前对其进行操作,但是当我运行ng server时,出现以下错误:Metadata version mismatch for module C:/Users/Migue/Desktop/weddingAngular/node_modules/ng2-img-max/dis ..
发布时间:2020-08-31 22:35:02 其他开发

除了设计简单之外,在Angular2中使用多个模块还有什么好处?

减少加载时间是否有帮助?(例如,仅将当前模块加载到客户端设备上?) 我了解的是... 这会增加服务器和客户端之间的请求数量吗? 这将增加代码的复杂性.(因为您需要 照顾 导入和导出模块,并且在路由方面也要格外小心 解决方案 Angular支持模块的延迟加载.这样,您可以将应用程序拆分为仅按需加载的部分. { path: 'admin', loadChildre ..

如何在Angular模块中包括模型类?

我有几个类,我想只是一个普通的bean/DTO类,它们不显示@component类,它们不是@Pipe类,也不应该是@Directive(至少我不知道)认为应该!). 我希望能够将它们捆绑到一个模块中(它们将在其他模块中使用),但是尽管有很多缺点,但我仍然会遇到类似这样的错误: 当我启动Angular应用程序(ng serve)时,它可以正常编译,但是在浏览器(Chrome)控制台中出 ..
发布时间:2020-08-31 01:58:05 前端开发

Angular-在多个模块中使用组件

我正在使用什么 角度 我要做什么 我有一个加载组件,我想在多个模块之间重用 我做了什么 我创建了一个名为"loading-overlay"的新模块 在此模块中,我导出了覆盖组件 我将此模块添加到app.module 将组件添加到多个模块时,出现以下错误: 类型LoadingOverlayComponent是2个模块的声明的一部分:Loading ..
发布时间:2020-08-31 01:04:22 其他开发

使用环境为ng服务设置proxy.config.js属性

标题几乎总结了一下.我有一个ng serve命中的proxy.conf.js文件,我只想从环境ts文件或json文件中获取目标网址,或者我现在不在乎只希望一个地方存储分别为其他地方提供信息的URL ... 所以environment.congif.ts(任何配置中都不包含,只是一个文件,用于存储当前提供给environment.dev.ts且无法提供给proxy.conf.js的设置对象); ..
发布时间:2020-08-30 23:07:11 其他开发

Angular Service单例构造函数多次调用

我正在尝试使用一个应用程序范围的服务(UserService),该服务存储经过身份验证的用户详细信息.我已经设置了一些路由,但是发现UserService是按路由实例化的.我希望他们共享相同的UserService. 我创建了一个包含TestService作为提供程序的CoreModule,并将其导入到AppModule中. core.module.ts: import { Ng ..

在Angular X的子模块中使用AppModule中的组件(X代表2+)

我在应用程序的根目录中创建了一个小组件(LoadingComponent),并在我的AppModule中声明了它(显然).在我的应用程序加载时使用此组件,并应显示一些奇特的加载动画. 现在,当我保存内容时,我想在子模块中使用它.但是,当我想在另一个模块中使用此组件时,总是会遇到错误. 我在我的AppModule中导出了LoadingComponent: import { Butt ..
发布时间:2020-08-13 04:56:59 其他开发

Angular类不是Angular模块

构建我的Angular库时,每当我尝试将模块类导入到我的app.module.ts中并得到此错误Class TekButtonModule is not an Angular module时,将其发布到npm,并将其用作其他项目中的依赖项.我已经从多个不同的站点按照步骤进行了有关如何创建,构建和发布角度库的工作,但我无法弄清为什么它不能将该类识别为有效的模块类. 在我的app.module. ..
发布时间:2020-08-13 00:34:34 前端开发

指令在子模块中不起作用

我无法使该指令在延迟加载的模块中工作.我已经阅读了文档,并且只是将指令添加到了主模块的声明数组中.该指令在该模块上按预期工作,但在延迟加载的模块中不起作用.它甚至可以防止由于模板错误而打开延迟加载的模块: Can't bind to 'myHighlight' since it isn't a known property of 'p' 这是我的柱塞. 点击“转到孩子"后在控制台中 ..
发布时间:2020-08-12 20:24:25 其他开发

进出口在Angular 2+ ngModule中的作用

我正在学习Angular 2+,并且很难理解ngModule中导入/导出的作用.更具体地说,如果仍然要使用es6语法导入模块,为什么导入模块很重要 import { BrowserModule } from '@angular/platform-browser'; @NgModule({ imports: [ BrowserModule ], providers: [ ..
发布时间:2020-08-12 19:19:19 其他开发