![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
angular
PrayerYa
小呀小菜鸟,背着电脑到处跑(workList:http://www.prayercc.xyz/)
展开
-
Angular 报错More than one module matches
More than one module matches. Use the skip-import option to skip importing the component into the closest module or use the module option to specify a module.因为项目中有自定义module,和主程序module ,命令不知道给哪个模块安装组件,需要手动指定模块ng g component componentName --module=模..原创 2020-10-29 17:40:46 · 760 阅读 · 0 评论 -
ng 命令解析之library+application(构建自己的lib库)
模块化开发,是每个开发人员都要了解的一种方式,它的优点实在是太多了,这里就不一一阐述了,接下来将一步步带领大家创建自己的lib库 创建lib库 一般来说可以直接在新项目中直接新增lib库 ng g library libraryname --prefix prefix,--prefix 选项的意思是库前缀名,例如 nz-zorro 的前缀是nz,为的是方便管理,也可以不指定,会默认前缀:lib (主程序的前缀是app) 我们能这里创建一个空的项目,就是不会包含src目录的...原创 2020-10-29 17:33:47 · 1447 阅读 · 1 评论 -
angular webWorker 路径错误
代码如下界面如下:原因到底是什么,我也不知道,但是我找到一个解决方式:this.worker=newWorker('./webworker/count.worker',{type:'module'});一般来说,如果不指定type的值,是默认classic的,在一般项目中classic不会报错,而在angular项目中貌似只能用module,具体是什么原因,我还在查询中,如果有知道原因的大佬,可以在评论区留言一下,谢谢啦...原创 2020-10-29 14:47:09 · 468 阅读 · 0 评论 -
ng 命令解析之webWorker(实现多线程)
ng g webWorker webWorkerName 用于创建一个Worker 线程,不知道Worker的同学可以看看阮一峰老师的解释先创建一个webWorker/// <reference lib="webworker" />//监听事件addEventListener('message', ({ data }) => { const response = `worker response to ${data.type}`; // 回应事件 pos...原创 2020-10-29 14:14:40 · 663 阅读 · 0 评论 -
ng 命令解析之interceptor(请求拦截)
ng g interceptor interceptorName 用于创建一个http请求拦截器,用于请求前的拦截(token添加),响应后的拦截(特殊响应处理)等要实现拦截器,就要实现一个实现了 HttpInterceptor 接口中的 intercept() 方法的类。这里是一个什么也不做的空白拦截器,它只会不做任何修改的传递这个请求。(intercept 方法会把请求转换成一个最终返回 HTTP 响应体的 Observable)//ng g interceptor intercep..原创 2020-10-29 13:39:46 · 1070 阅读 · 0 评论 -
ng 命令解析之guard(各种路由守卫推倒表)
1.ng g guard guardName 是创建一个路由守卫,用于路由拦截,拦截的方式各种各样,比如 是否允许路由导航到的模块加载,加载前的数据获取,加载后的界面渲染,离开前的数据保存等CanLoad 用来处理异步导航到某特性模块(是否允许加载模块,仅适用于自定义模块挂载在主路由上)// user-canload.guard.tsimport { Injectable } from '@angular/core';import { CanLoad, Route, UrlSegment..原创 2020-10-28 17:55:36 · 967 阅读 · 0 评论 -
ng 命令解析之component,module
1.ng g component componentName 用于创建一个组件,可以在页面中担当特定可重复的功能组件,也可以挂载在路由上,充当页面展示,这里就不详细介绍使用方法了2.ng g module moduleName 用于创建一个自定义模块,当项目过于庞大的时候就可以考虑使用module,把每个分支功能都做成一个module方便开发和管理,自定义的module可以对外暴露指定组件,也可以直接挂载在主路由上,实现路由懒加载//此处创建一个user自定义模块,附带一个路由配置文件,..原创 2020-10-28 16:25:15 · 1246 阅读 · 0 评论 -
ng 命令解析之directive,pipe和service
1. ng g service servicename 创建一个服务,可以在多个组件里被调用,且数据保持,于是这个服务就可以用来进行一个特定方法的封装,比如socket,http又或者作为一个传递数据的BUS使用// store.service.tsimport { Injectable } from '@angular/core';@Injectable({ providedIn: 'root'})export class StoreService { constructor()原创 2020-10-25 22:23:34 · 445 阅读 · 0 评论 -
ng 命令解析之class , interface 和 enum
1.ng g class className 是创建一个ts文件,这个文件会对外export一个类,在其他ts页面可引入这个类,作为数据类型限定等操作ng g class class/person //person.tsexport class Person { name:string; age:number;}//example.tsimport { Person } from './class/person'public personList:Arr.原创 2020-10-25 19:40:37 · 533 阅读 · 0 评论 -
angular ^10.1.6 版本的国际化(i18n)配置
看了其他博主写的文章,总结出来适合angular 10.1.6版本的使用方式,仅供参考1.下载ngx-translate的依赖库//^13.0.0npm install @ngx-translate/core --save //^6.0.0npm install @ngx-translate/http-loader --save2.在app.module.ts中配置,import { BrowserModule } from '@angular/platform-brow原创 2020-10-25 18:57:34 · 603 阅读 · 0 评论