查询字符串路由未传查询字符串会导致angular匹配不到路由

今天遇到一个搞笑的事情,项目里有一个路由 这个路由是需要传路由参数的,而路由参数由URL导入,因为我未传URL的相关参数,导致路由匹配时未匹配到我的参数,所以一直报错:“为匹配到路由” 我还在想怎么上周五还能运行,周一就不行了。 原来是angular的路由匹配的带路由参数匹配和不带路由参数匹配的问题...

技术

小试牛刀之使用指令完成clickOutSide功能

前面提到了Angular的Directive指令。现在用指令完成一个小功能。 新建指令 ng genrate directive directiveName @Directive({ selector: '[appClickOutSide]' }) export clas...

技术

Angular中指令(directive)的初试

指令的概要 在Angular中有三种类型的指令: 1. 组件--拥有模板的指令 2. 结构型指令-- 通过添加和移除DOM元素改变DOM布局的指令(NgFor、NgIf) 3. 属性型指令 -- 改变元素、组件或其他指令的外观和行为的指令(NgStyle) ...

技术

angular2+中使用renderer2代替原生js方法创建以及操控DOM对象

[scode type="green"]今天遇到一个需要类似右击然后创建一个菜单的时候,陷入了误区,为什么要自己操控dom呢?angular明明优势就是数据操控视图,直接在页面的定义好对应的组件(不显示),直接通过数据控制不就行了吗?[/scode] window.document.createEl...

技术

Angular4+中使用jsonp获取API数据

导入AngularModule 在 app.module.ts 中引入 HttpClientModule、HttpClientJsonpModule 并注入 import {HttpClientModule,HttpCl...

技术

在Angular8中引入lodash

npm安装 npm install lodash --save types定义 TypeScript 的解決方案是另外使用 .d.ts 。 一般来说,若是知名的 JavaScript library,都已经有人维护 type 定义包,其 package 的规则是 @types/package 。 n...

技术

Angular项目中引入Swiper轮播插件

在网上找了很多资料,有的正确有的错误,当然最简单就是在index.html引入cdn 然后在ts文件中declare 一下,不过这种方法看上去就有点不是很正确,于是找一下相对正确的办法 npm 安装 swiper npm install swiper --save 或者 ya...

技术

在Angular中使用RxJS完成接口数据的缓存

在实际项目中,很多共用的接口返回的数据是一样的,这样许多页面多次调用会造成性能浪费,可以使用RxJS的ReplaySubject(size)发送之前的旧值给新的订阅者。 用ReplaySubject(size)可以发送之前的旧值给新的订阅者,size是定义发送具体多少个旧值给...

技术

Angular8 创建惰性加载的特性模块

借着这次重构项目的机会,复习一下以前并不怎么熟悉的方法步骤 1. 建立应用 : ng new customer-app --routing 2. 建立一个带路由的特性模块 : ng genetare module customer--routing - Customer...

技术

在Angular中定位原生html元素

基于某些特殊情况,在使用框架时,或者历史遗留问题,还是需要操作DOM对象 此时可在DOM上添加模板引用变量 来标识DOM对象 在控制...

技术
123