一共3种方法。1.问号后面带的参数,获取参数的方式:ActivatedRoute.queryParams[id]例如:/product?['/books']"[queryParams]="{bookname:'《活着》'}代码:html&l…
属性型指令用于改变一个DOM元素的外观或行为。在Angular中有三种类型的指令:组件—拥有模板的指令结构型指令—通过添加和移除DOM元素改变DOM布局的指令属性型指令—改变元素、组件或其它指令的外观和行为的指令。在cmd的命令窗口里面执行…
子组件import{Component,Input,Output,EventEmitter}from'@angular/core';@Input()crrunKm:any;@Output()getCrrunKmChange=newEvent…
今天尝试给一个a标签添加一个自定义属性,用于存放相关数据,但是angulartemplates编译不通过。<ahref="javascript:void(0);"(click)="onInterfaceClick(\'interfac…
最近接手了一个angular5的项目。项目本身是由不同的人开发的,所有代码结构风格本身就有很大不同,加上本身接触angular5也不久,之前都是使用1,所有自身压力还是很大的。接手前几天当然是熟悉代码了。其中就有用到路由的几个延伸功能,比如…
在将项目从angular4升级到angular5的过程中,出现NoNgModulemetadatafoundfor'AppModule'问题,网上查找答案将app.module.ts进行再次保存编译不报错,出现警告解决方法,更新了packa…
import{Injectable}from'@angular/core';import{HttpEvent,HttpInterceptor,HttpHandler,HttpRequest,HttpErrorResponse}from'@a…
if(req.method==='GET'&&req.params.has('app_id')){returnthis.myAppListService.myListObservable.switchMap(()=>{leta…
Angular5.x动态加载组件前言在我们利用Angular进行开发的时候,会碰到这一样的一个场景,随着业务的不断扩大,页面里面的组件、modal、popup、越来越多的时候,页面占用的开销就越大,但是很多组件虽然初始化了,但是确只有在点击…
摘要:从angular4.3.0以后的版本开始使用httpclient,替换了之前的http,引用的包路径已经变为了angular/common/http了一个基础的httpclient样例import{Injectable}from'@a…
1.手机端图片预览组件组件:sideshow效果图:(预览图全屏且可以左右移动)code:<divclass="rowui-app-screenshot"><imgsrc="{{proUrl(pic.Url)}}"*ngF…
因为工作原因,需要使用到checkboxlist多选项功能。一直在尝试在checkbox组件中添加NgModel的属性,但是只能在单个checkbox复选框上使用,checkboxlist就没办法了。好吧,其实是想差了。因为是对checkb…
一、从一个页面跳转到另一个页面的方法1、引入服务import{NavController}from'ionic-angular';2、初始化constructor(publicnavCtrl:NavController){}3、跳转页面th…
生命周期执行顺序ngOnChanges在有输入属性的情况下才会调用,该方法接受当前和上一属性值的SimpleChanges对象。如果有输入属性,会在ngOnInit之前调用。ngOnInit在组件初始化的时候调用,只调用一次,在第一次调用n…
今年下半年一直很忙,没有多少时间来写博客,很多笔记都记在了本地一起提交到了git上边。夏末的时候做的两个vue项目中有接触到vue的路由守卫,今天在另外一个angular上,发现路由守卫有异常,导致可以跨权限访问页面。路由守卫就不多介绍了,…