Angular路由复用策略 (切换tabs页面内容不丢失，保持原来状态)
一、引言
路由在执行过程中对组件无状态操作，即路由离退时组件状态也一并被删除；当然在绝大多数场景下这是合理的。进入组件时会执行 ngOnInit() 里面的初始化方法，使页面保持最开始的状态。但有些需求需要切换页面的时候，再切换回来该页面时保持原来的状态。此时我们就需要 Angular 的RouteReuseStrategy 贯穿...
2021-01-25 浏览（12095）
Angular与Layui框架集成使用（优化）
在使用后很多入坑
全局引入所有模块
Layui的所有模块可以全部一次性加载
所有模块可通过layui/lay/modules，这里可以看到Layui的所有模块引入所有模块
使用layui
在组件里只需要layui全局变量即可，因为所有的模块可以通过layui.出来component.ts：在使用时只需要通过layui.出来即可component.ts：
pri...
2021-01-15 浏览（11056）
Angular与Layui框架集成使用
目录" class="reference-link">目录
目录前言初使用
下载layui资源包创建angular项目
搭建angular环境（已搭建忽略）创建angular项目
引入layui测试
进阶（布局后台管理模板）未完待续。。。
前言" class="reference-link">前言
前端UI框架我觉得Layui的样式挺好看的，但是如果玩layui的话只能玩js比较适合...
2021-01-07 浏览（9826）
angular使用加载指示符loading的ngx-loading
前言欢迎使用tnblog如果你的项目是纯angular需要用到请求或者其他方式时在在界面上通过loading的方式来展示请求进度或其他；这里我使用ngx-loading，源码：https://github.com/Zak-C/ngx-loading终端运行命令：npminstall--savengx-loading导入NgxLoadingModule模块：app.module.tsimport{BrowserModule}from'@...
2020-12-23 浏览（9495）
基于angular的HttpClient封装_HttpClient
基于angular的HttpClient封装_HttpClient，直接复制源码即可用包含常用的get、post、patch、delete和put请求；import{HttpClient,HttpEvent,HttpHeaders,HttpResponse}from"@angular/common/http";import{Injectable}from"@angular/core";import{Observable,of,throwError}from'rxjs';...
2020-12-23 浏览（8868）
Angular常用的创建命令
Angular开发在Angular开发中常见的一些命令创建命令ng generate component example 生成组件带有模版ng generate component example -it 生成内联模版（不会单独生成html文件）ng generate directive my-directive - 生成一个新指令ng generate pipe my-pipe - 生成一个新管道ng generate service my-service - 生...
2020-04-14 浏览（5898）
angular环境搭建
开发工具：vscode命令执行：快捷键( Ctrl+Shift+` )或者打开终端近期一直写有关前端的东西，其实我是学后端C#.NET的,但是在公司里没办法项目需要只能逼自学咯,所以分享给大家,希望喜欢......(? ω ?)教程开始：首先在官网下载一个node.js并且安装，如果你不知道你是否已经安装了node，运行命令：node -v会出现相...
2020-03-24 浏览（5656）
ng : 无法加载文件 C:\Users\WSJ\AppData\Roaming\npm\ng.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com /fwlink/?LinkID=135170 中的.
错误提示：解决方法：在win10搜索那里搜索Windos PowerShell然后选择管理员身份打开，ps:一定要选择 以管理员身份运行打开了命令行之后输入set-ExecutionPolicy RemoteSigned接着输入A（然后更改权限为A）最后通过 get-ExecutionPolicy 命令查看当前的状态然后就可以，我们再次去执行我们ng命令就成功了
2020-03-24 浏览（7361）
angular路由导航配置
开发工具：VSCode打开终端输入命令创建crisis-list和hero-list组件nggeneratecomponentcrisis-listnggeneratecomponenthero-list再app文件夹下面自动创建了两个组件要使用路由器，必须先注册来自@angular/route包中的RouterModule，定义一个路由数组appRoutes并且把它传给RouterModule.forRoot()方法。他会返回一个...
2020-03-23 浏览（6459）
排名
6
文章
6
粉丝
16
评论
8
{{item.articleTitle}}
{{item.blogName}} : {{item.content}}
ICP备案 ：渝ICP备18016597号-1
网站信息：2018-2026TNBLOG.NET
技术交流：群号656732739
联系我们：contact@tnblog.net
公网安备：
50010702506256
50010702506256
欢迎加群交流技术