Angular
Donjan
gayhub:https://github.com/donjan-deng
展开
-
使用Docker部署Angular项目
Docker部署Angular项目有两种方法,一种是服务端渲染,这个官方文档已有说明,另一种就是使用node镜像编译后放入web服务器。由于在node环境,所以使用express最为便捷了。创建server.jsconst express = require('express');const app = express();const config = { root: __dir...原创 2019-12-19 09:38:36 · 3205 阅读 · 2 评论 -
Angular 自定义管道pipes的使用
Angular的管道是处理数据到显示的逻辑,我们获取的用户的roles是json的数组,并不能直接展示,所以需要写一个管道展示用户所有的角色。创建src/app/helpers/pipes.ts写一个自定义管道arrayToString /** * * @param value 传入值 * @param defaultStr 默认显示 * @param split ...原创 2019-12-18 10:46:27 · 617 阅读 · 0 评论 -
Angular 自定义结构型指令structural directive的使用
Angular的结构型指令的职责是 HTML 布局。 它们塑造或重塑 DOM 的结构,比如添加、移除或维护这些元素。说白了就是对网页的结构进行控制,NgIf,NgFor都是结构型指令。创建src/app/helpers/directive.ts写一个结构指令appCan@Directive({ selector: '[appCan]' })export class CanDirective ...原创 2019-12-18 10:34:14 · 584 阅读 · 0 评论 -
Angular使用Interceptor(拦截器)请求添加token并统一处理API错误
前后端分离的项目,大多都是无状态的,我们使用JSON Web Tokens进行身份验证,但是每次请求都手动添加token这种事情是不可能做的,因为懒,这里就要用到拦截器Interceptor创建src/app/app-auth-interceptor.module.ts实现拦截器在src/app/app-routing.module.ts导入import { AuthInterceptor ...原创 2019-12-18 10:07:22 · 4370 阅读 · 0 评论 -
Angular使用RouteReuseStrategy(路由复用策略)实现后台TAB标签
我们后台TAB标签切换的时候需要保存原标签页的状态,当再次切换回来的时候仍然一致,这里就要用到路由复用策略保存快照。抽象类RouteReuseStrategy在@angular/router包abstract class RouteReuseStrategy { abstract shouldDetach(route: ActivatedRouteSnapshot): boolean ...原创 2019-12-18 09:53:03 · 1566 阅读 · 1 评论 -
使用Angular 8 创建项目
环境需求Node.js 10.9.0 或更高版本安装 Angular CLInpm install -g @angular/cli创建项目ng new la-manage # 接下来的选择,我都是默认安装Ant Design UIcd la-manageng add ng-zorro-antd选项? Add icon assets [ Detail: https://ng...原创 2019-12-17 16:10:21 · 720 阅读 · 0 评论 -
Ant Design of Angular NG-ZORRO 增加Bootstrap按钮样式
ANG-ZORRO UI功能比较全面,也非常好上手,但按钮的样式太少了,想像Bootstrap那样多几个状态按钮。打开src的theme.less 添加按钮样式:.ant-btn-warning{ color: rgba(0, 0, 0, 0.65); background-color:#fffbe6; border-color:#ffe58f}.ant-btn-info{ ...原创 2019-12-12 15:15:03 · 961 阅读 · 0 评论 -
la-admin发布,基于Laravel 6 和 Angular 8 的通用后台
GITHUB:https://github.com/donjan-deng/la-admin环境需求Node.js >= 10.9.0PHP >= 7.2.0BCMath PHP 拓展Ctype PHP 拓展JSON PHP 拓展Mbstring PHP 拓展OpenSSL PHP 拓展PDO PHP 拓展Tokenizer PHP 拓展XML PHP 拓展...原创 2019-11-20 10:39:55 · 605 阅读 · 0 评论