标签: Angular

使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码

使用AngularRouteReuseStrategy缓存组件CachecomponentswithAngularRouteReuseStrategyRouteReuseStrategyprovider允许我们控制Angular路由和组件生命周期的行为。当我们在组件间切换的时候,Angular都会销...

JavaScript 2021-05-07 23 0 0 阅读全文

Angular8路由守卫原理和使用方法

路由守卫守卫,顾名思义,必须满足一定的条件得到许可方可通行,否则拒绝访问或者重定向。Angular中路由守卫可以借此处理一些权限问题,通常应用中存储了用户登录和用户权限信息,遇到路由导航时会进行验证是否可以跳转。4种守卫类型按照触发顺序依次为:canload(加载)、canActivate(进入)、...

JavaScript 2021-04-26 22 0 0 阅读全文

Windows10下无U盘安装Ubuntu18 使用EasyUEFI

一.看BIOS先看看自己电脑的是哪种启动模式win+R输入msinfo32查看自己电脑是哪种(UEFI还是LegacyBIOS启动模式)查看完之后如果是UEFI的话goon如果不是的话Legacy推荐使用EasyBCD二.实施1.EasyUEFI下载安装https://easyuefi.en.sof...

Windows 2021-04-28 29 0 0 阅读全文

详解Angular Cli配置过程记录

1.首先调出命令行工具,运行命令全局安装Angular-clinpmi-g@angular/cli安装过程中我的命令行工具内出现了警告和报错信息,我没有管它,因为我在后续使用中并没有遇到什么麻烦。安装完成后可通过命令行ngv查看安装的版本信息,我的是这样的__________/\________||...

JavaScript 2021-05-07 29 0 0 阅读全文

Angular+Ionic使用QueryParams实现跳转页传值的方法

Angular+Ionic使用queryParams实现跳转页传值最近,在做电商项目,项目中需要实现:点击编辑按钮,跳转页面完成添加地址,修改地址功能。使用到angular传参,简单做一总结:1,发送界面ts//编辑地址EditorAddress(item){console.log("选中...

JavaScript 2021-05-20 28 0 0 阅读全文

ANgularJS使用Ng-Options指令实现下拉框

1、问题背景一般情况下,select下都会有option,但是AngularJS中有指令ng-options,就可以实现select下拉框2、实现源码AngularJS之下拉框(方式一)varapp=angular.module("selApp",[]);app.controll...

JavaScript 2021-05-11 39 0 0 阅读全文

解析Vue、Angular深度作用选择器

在Vue的开发中,我们经常会用到外部组件库,例如element,当使用element组件库中的某一个组件的时,我们可能会希望有一些定制的地方,通常的做法是用CSS覆盖;有时层级不够就要另辟他径。less使用/deep/css使用>>>Angular适用深度选择器使用组件样式对你编写...

JavaScript 2021-04-27 24 0 0 阅读全文

Angular *Ngif Else用法详解

Angular中常用的指令有用来遍历的*ngFor、控制元素显示隐藏的*ngIf,今天学习一下*ngIf这个常用的指令。NgIf指令ngIf指令用于根据表达式的值,在指定位置渲染then或else模板的内容。then模板除非绑定到不同的值,否则默认是ngIf指-令关联的内联模板。else模板除非绑定...

JavaScript 2021-04-08 28 0 0 阅读全文

OpenCV实现机器人对物体进行移动跟随的方法实例

1.物体识别本案例实现对特殊颜色物体的识别,并实现根据物体位置的改变进行控制跟随。importcv2ascv#定义结构元素kernel=cv.getStructuringElement(cv.MORPH_RECT,(3,3))#printkernelcapture=cv.VideoCapture(0...

Python 2021-04-14 27 0 0 阅读全文

Angular6使用ForRoot() 注册单一实例服务问题

假如我们有一个shareModule来存放公用的组件(Component)、指令(Directive)、管道(Pipe)、服务(Service),为避免各个子模块引用shareModule时造成App中有多个一样的单一实例服务的问题。我们可以在shareModule中建立同意的App层级的服务。Sh...

JavaScript 2021-04-26 37 0 0 阅读全文

SpringBoot+Angular4前后端分离 跨域问题解决详解

springboot中新增一个过滤器如下:packagecom.rtpksps.kss.config;importorg.springframework.stereotype.Component;importjavax.servlet.*;importjavax.servlet.http.HttpS...

Java 2021-04-29 29 0 0 阅读全文

Nginx中部署Angular项目遇到的坑巨坑

网上搜索Angular项目编译后部署到Nginx中的方法,多数文章都介绍了需要在Nginx中的配置文件的location中特别指定跳转到首页来避免刷新导致404的问题,那么完整的server代码是:server{listen80;server_name192.168.190.131;#sendfil...

Nginx 2021-04-30 33 0 0 阅读全文

使用Xampp将Angular项目运行在Web服务器的教程

需求在开发angular项目时,因为需要做自适配以适应不同的屏幕,而我的电脑只有1366的。所以我现在需要在本地将angular项目运行在xampp上,然后用手机开热点,给本机和另一台大屏电脑或手机连同一wifi,再使用大屏电脑或手机打开本地电脑运行的网站查看适配情况。安装xampp下载地址:htt...

JavaScript 2021-04-28 29 0 0 阅读全文

Angular8.5集成TinyMce5的使用和详细配置(推荐)

本篇主要讲解的是TinyMce的配置,原理不做讲解,请自行查阅文档TinyMTinyMCE是什么?TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。同类程序有:UEditor、Kindeditor、Simditor、CKEditor、wangEditor、Suneditor、froal...

JavaScript 2021-04-18 91 0 0 阅读全文

Angular处理未可知异常错误的方法详解

写在前面代码写得再好,始终都无法完整的处理所有可能产生异常,特别是生产环境中的应用,很大一部分是数据来自用户、远程,很难保证所有数据都按程序规定的产生。事实上,除非测试人员发现或者客户报告,否则都无法得知。因此,将应用产生的未可知异常进而上报是非常重要的环节。Angular默认情况下也提供了全局的异...

JavaScript 2021-04-03 15 0 0 阅读全文

使用Angular Material主题定义自己的组件库的配色体系

本期为Angular系列的第一篇文章,我会从这里搭建Angularsample项目、组件库、主题、然后每个组件等。使之成为一个比较通用的组件库系列文章,目的有二:1、自己在写系列文章过程中不断夯实基础、不断学习补缺;2、分享给一些不熟悉angular及自定义组件的同学,使之快速上手并提高。1.使用A...

JavaScript 2021-04-26 22 0 0 阅读全文

关于Angular 8.1使用过程中的一些记录

说起来已经使用了大概一年半的angular,大概已经渐渐习惯了这个前端框架吧,但是具体的原理和底层的代码都没有仔细的看过。前阵子以前做的一个项目有了新的需求,而且比较麻烦,讲讲做的过程中遇到的一些问题首先是勾选状态的保持问题在模板中思考了很久,用了各种方法,修改传入值,页码改变以后勾选状态就是会有奇...

JavaScript 2021-04-12 23 0 0 阅读全文

分享Angular Http Interceptors 拦截器使用(推荐)

AngularJS简介AngularJS是一个JavaScript框架。它可通过标签添加到HTML页面。AngularJS通过指令扩展了HTML,且通过表达式绑定数据到HTML。拦截器在开始创建拦截器之前,一定要了解$q和延期承诺api出于全局错误处理,身份验证或请求的任何同步或异步预处理或响应的后...

JavaScript 2021-05-10 23 0 0 阅读全文

快速了解Angular和Ionic生命周期和钩子函数

Angular实现首先实现方式不用多说,使用钩子函数需要在定义的时候实现对应的接口exportclassListPageimplementsOnInit{constructor(){}ngOnInit(){//codehere}}调用顺序constructor最先执行的是构造函数,在执行构造函数的时...

JavaScript 2021-07-12 25 0 0 阅读全文

Antd-Vue Table组件添加Click事件,实现点击某行数据教程

给Table组件添加Click事件,实现点击某行数据操作customRow设置行属性Function(record,index)通过customRow属性给table添加自定义事件methods:{handleClickRow(record,index){return{on:{click:()=&g...

JavaScript 2021-04-13 26 0 0 阅读全文