随笔分类 -  angular

摘要:html: <ng-template #popTpl> <div> <p>title</p> <p>content</p> </div> </ng-template> ts: @ViewChild("popTpl") popTpl; constructor(private viewRef: View 阅读全文
posted @ 2023-07-13 13:45 冰凝^ 阅读(39) 评论(0) 推荐(0) 编辑
摘要:mac安装指定版本遇到的问题总结 起因:mac安装最新版node,运行旧版本的项目时报错,需要将版本退回到低版本。 过程: 安装node最新版本地址:https://nodejs.org/en/ 卸载node: 首先在应用程序中把node‘移动到废纸篓’, 然后担心卸载不彻底,网上查找卸载教程:ht 阅读全文
posted @ 2023-03-02 13:43 冰凝^ 阅读(4645) 评论(0) 推荐(0) 编辑
摘要:问题:angular项目执行npm run build 后部署到服务器,打开页面可以正常访问,但是刷新后404 解决方法如下: angular 项目 路径中添加# 即angular项目使用hash模式 设置hash模式的两种途径: 1、在app.module中导入hash import {HashL 阅读全文
posted @ 2023-02-24 14:03 冰凝^ 阅读(186) 评论(0) 推荐(0) 编辑
摘要:threeJS 创建水面 报错 /textures/water/Water_1_M_Normal.jpg 404 根据路径找不到水面相关图片, 原因是npm包中未包含图片,并且图片路径指向当前开发环境的src目录下, 解决方法: 在当前开发环境中创建对应的目录, 在threeJS源码git库中找到对 阅读全文
posted @ 2022-11-03 18:27 冰凝^ 阅读(567) 评论(0) 推荐(0) 编辑
摘要:错误信息:BrowserModule has already been loaded. If you need access to common directives such as NgIf and NgFor from a lazy loaded module, import CommonMod 阅读全文
posted @ 2022-10-24 14:27 冰凝^ 阅读(148) 评论(0) 推荐(0) 编辑
摘要:1、项目下载echarts的npm包 项目根目录执行命令: npm install echarts --save 下载成功后项目的package.json文件中的‘dependencies’对象下会自动添加‘echarts’,并标注你下载的版本 "dependencies": { "@angular 阅读全文
posted @ 2022-04-25 16:58 冰凝^ 阅读(189) 评论(0) 推荐(0) 编辑
摘要:/** * 数组转字符串 */ const arr = [1, 3, 5, 7, 9]; // 方法1 const str1 = arr.toString(); // str1: 1,3,5,7,9 // 方法2 const str2 = arr.join('**'); // str2: 1**3* 阅读全文
posted @ 2021-12-24 10:56 冰凝^ 阅读(74) 评论(0) 推荐(0) 编辑
摘要:/** * 数组删除指定项 * item: 要删除的项 * array:要执行删除项的数组 * code: 数组项的唯一字段 */ arrayRemoveItem(item, array, code?: string) { const idx = array.findIndex(ite => { r 阅读全文
posted @ 2021-12-24 10:25 冰凝^ 阅读(233) 评论(0) 推荐(0) 编辑
摘要:/** * 获取url参数 * name: 可选项,获取某参数,如果不传参将返回参数对象 */ getUrlParams(name?) { const url = window.location.href; const paramList = url.split('?')[1]?.split('&' 阅读全文
posted @ 2021-12-23 14:43 冰凝^ 阅读(27) 评论(0) 推荐(0) 编辑
摘要:用途: package.json配置文件是配置和描述如何与程序交互和运行的中心文件。 npm 用它来识别项目,并了解如何处理项目的依赖关系。 npm可通过此配置文件启动项目、运行脚本、安装依赖包、发布npm公用包…… npm也是管理此配置文件的最佳方法,因为它有助于在项目的整个生命周期内生成和更新此 阅读全文
posted @ 2020-07-21 11:02 冰凝^ 阅读(614) 评论(0) 推荐(0) 编辑
摘要:设置tslint 阅读全文
posted @ 2020-07-03 15:50 冰凝^ 阅读(298) 评论(0) 推荐(0) 编辑
摘要:angular项目中,使用ant(蚂蚁金服)生成table表格 多行分组表头,定宽,横向滚动条,正常 不能加纵向滚动条,加纵向定宽不生效 阅读全文
posted @ 2020-05-06 14:33 冰凝^ 阅读(716) 评论(0) 推荐(0) 编辑
摘要:angular项目部署到nginx,css样式文件加载出问题,报警:Resource interpreted as Stylesheet but transferred with MIME type text/plain 解决思路: 项目部署之前一切运行正常,部署到nginx之后出问题,可从ngin 阅读全文
posted @ 2020-04-21 09:16 冰凝^ 阅读(877) 评论(0) 推荐(0) 编辑
摘要:动态表单 1、表单验证 在表单提交时,进行手动判断每一项的验证 submit(){ for (const i in this.validateForm.controls) { this.validateForm.controls[i].markAsDirty(); this.validateForm 阅读全文
posted @ 2020-04-09 16:10 冰凝^ 阅读(492) 评论(0) 推荐(0) 编辑
摘要:1、service服务可以依赖引入其他服务,但是不能相互依赖 2、全局变量的global服务,某变量在一个模块中被赋值后,在其他模块是获取不到的 3、template中写入img的src路径,路径应该以index.html的目录层级查找 4、http代理文件proxy.conf.json,此代理为开 阅读全文
posted @ 2020-03-27 16:31 冰凝^ 阅读(281) 评论(0) 推荐(0) 编辑
摘要:新建的angular项目,刚写了个基础,就启动不了了。。。 报错:Maximum call stack size exceeded 网上查了半天,才知道,因为路由地址写的有问题。。。 错误代码: 更改后: 阅读全文
posted @ 2020-03-17 17:17 冰凝^ 阅读(1515) 评论(0) 推荐(0) 编辑
摘要:1、教程中的 new HeroService(<any> httpClientSpy); 在实际项目中报错,说写法被禁止(forbidden),研究了半天,原来是要写成 new HttpService(httpClientSpy as any); 2、在使用HttpClient封装cervice后, 阅读全文
posted @ 2020-03-02 15:10 冰凝^ 阅读(150) 评论(0) 推荐(0) 编辑
摘要:1、ng项目打包后,打开index.html,发现页面是空白的,F12查看,发现js和css引入的路径不对 这里要将package.json文件的打包命令改成 ng build --prod --base-href ./ 打包时,执行npm run build 即可。 如图: 阅读全文
posted @ 2020-02-28 15:03 冰凝^ 阅读(873) 评论(0) 推荐(0) 编辑
摘要:第一步:在html模板中,写路由链接,并保证有路由出口 第二步:写自定义的路由指令和路由出口组件,因为在单元测试中不需要引入真实的路由,此处我们用虚拟的代替即可。 第三步:将自定义的虚拟路由指令和路由出口引入测试程序。此处路由相关的测试项被封装到方法 routerTest() 中了。 第四步:路由相 阅读全文
posted @ 2020-02-27 14:17 冰凝^ 阅读(205) 评论(0) 推荐(0) 编辑
摘要:1、angular应用是由组件组成的,组件是由html模板和组件类组成 2、每个组件都是以@Component装饰器函数开始,他接受一个元数据对象参数。该元素对象描述了HTML模板和组件类是如何一起工作的。 selector属性指定该组件被实例化的标签 3、angular是用Javascript(j 阅读全文
posted @ 2020-01-17 14:48 冰凝^ 阅读(109) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示