浅谈 Checkbox Group 的双向数据绑定

前言 不曾想在忙碌的工作面前,写一篇技术博客也成了奢求。 Checkbox 作为表单中最常见的一类元素,使用方式分为单值和多值,其中单值的绑定很简单,就是 true 和 false,但是多值(Checkbox Group)的绑定就有一点复杂了。在实际工作中发现很多组件库关于 checkbox-gro ... »

使用 Github Actions 自动部署 Angular 应用到 Github Pages

前言 最近在学习 Angular,一些基础的语法也学习的差不多了,就在 github 上新建了一个代码仓库,准备用 ng-zorro 搭个后台应用的模板,方便自己以后写些小东西时可以直接使用。前端项目,最主要的还是能够实际看到,因此考虑找个地方部署,因为自己的博客是部署到 github page 上 ... »

Angular 从入坑到挖坑 - 模块简介

一、Overview Angular 入坑记录的笔记第七篇,介绍 Angular 中的模块的相关概念,了解相关的使用场景,以及知晓如何通过特性模块来组织我们的 Angular 应用 对应官方文档地址: NgModule 简介 NgModules JavaScript 模块 vs. NgModule ... »

基于 Angular Material 的 Data Grid 设计实现

自 Extensions 组件库发布以来,Data Grid 成为了使用及咨询最多的组件。最开始 Data Grid 的设计非常简陋,经过一番重构,组件质量有了质的提升。 Extensions 组件库: https://github.com/ng-matero/extensions Data Gri ... »

Angular 从入坑到挖坑 - 路由守卫连连看

一、Overview Angular 入坑记录的笔记第六篇,介绍 Angular 路由模块中关于路由守卫的相关知识点,了解常用到的路由守卫接口,知道如何通过实现路由守卫接口来实现特定的功能需求,以及实现对于特性模块的惰性加载 对应官方文档地址: 路由与导航 配套代码地址:angular-practi ... »

Angular 从入坑到挖坑 - Router 路由使用入门指北

一、Overview Angular 入坑记录的笔记第五篇,因为一直在加班的缘故拖了有一个多月,主要是介绍在 Angular 中如何配置路由,完成重定向以及参数传递。至于路由守卫、路由懒加载等“高级”特性,并不会在本篇文章中呈现 对应官方文档地址: "路由与导航" 配套代码地址: "angular ... »

Ng-Matero:基于 Angular Material 搭建的中后台管理框架

前言 目前市面上关于 Angular Material 的后台框架比较少,大多都是收费主题,而且都不太好用。 很多人都说 Material 是一个面向 C 端的框架,其实在使用其它框架做管理系统的时候,我发现 Material 的组件基本已经够用了,其它不足的地方可以配合一些优秀的第三方库。另外,M ... »

angular安装

安装时间:20190703安装环境:win10 1 安装Nodejs 1.1 下载地址:https://nodejs.org/en/ 1.2 下载完成之后双击安装,安装完成之后无需配置环境变量(安装的时候已经自动配置) 1.3 在cmd窗口数据node -v查看安装是否成功,若出现nodejs版本信 ... »

前端知识点汇总—面试看这一篇就够了

一年前写了一篇 "JavaScript八张思维导图" ,主要是对前端JavaScript知识点的一个系统的整理和总结。本篇文章用了近一个月时间,搜集整理了网上各种面试笔试题及本人针对前端的一些理解以及各路大神针对前端难点部分的详细介绍,可以作为以后面试或者考察面试人员的参考。 相信通过这两篇文章的学 ... »

Angular中innerHTML标签的样式不起作用详解

1.背景 在最近angular的项目中,需要用到[innerHTML]标签来指定一个div的样式: 但是上面的样式并不起作用,在Chorme中查看源码,发现style标签的样式在Angular编译的时候被屏蔽掉。这是为什么呢?客观别急,请往下看。 2.解决方案 先说解决方案,最后再分析出现这种问题的 ... »

如何使用 RxJS 更优雅地进行定时请求

在用 Angular 做项目的时候,遇到了一个有点麻烦的问题。具体问题如下: 轮循请求某个接口,如何保证接口返回的数据与请求的顺序相同? 实际的业务场景是这样的:前端需要轮循请求后端接口获取文件处理进度,并在前端用进度条展示。如下方所示: 首先想到的肯定是使用 或者 进行定时请求。然而结果有点诡异, ... »

Angular 8的新特性介绍

在今天早些时候Angular团队发布了8.0.0稳定版。其实早在NgConf 2019大会上,演讲者就已经提及了从工具到差分加载的许多内容以及更多令人敬畏的功能。下面是我对8.0.0一些新功能的简单介绍,希望可以帮助大家快速了解新版本。 新功能 差分加载 根据您的browserlist 文件,在构建 ... »

Angular 8 发布

Angular 8 现在发布了!这是跨越整个平台的重要发布,包括框架、Angular Material,与主版本同步的 CLI。该发布改进了应用程序在现代浏览器上的启动时间,提供了开发 CLI 的新的 API,保持了 Angular 与业界生态和更多新的 Web 标准的同步。 ... »

Angular7 Drag and Drop

先放完整代码,后续讲解以此代码为例 html: ts: app.module.ts 1.环境配置 1.1 安装@angular/material、@angular/cdk cnpm install --save @angular/material @angular/cdk 1.2 app.modul ... »

angular6 iframe应用

问题一、 iframe如何自适应屏幕高度 解决思路:通过设置iframe外层父元素高度等于window高度,再相对于父元素定位iframe元素;案例如下: 第一步: 模板文件中使用iframe 第二步: ts 中自定义iframe外层父元素的高度 问题二、 安全机制设置 错误: 解决: 第一步:创建 ... »