qrcode

马上订阅,开启修仙之旅

angular

Angular 网络连接状态组件

在开发 Web 应用程序时,有时候我们需要获取当前的网络状态,然后根据不同的网络状态显示不同的提示消息或显示不同页面内容。对于原生应用、混合应用或提供 JS-SDK 的第三方平台来说,我们可以通过相关的 Network API 来获取当前的网络连接状态。但对于 Web 应用来说,虽然也有相关的 Network Information API,但兼容性并不是太好,具体的兼容情况,可以参考 Ca...

Angular Input和Output

Input 是属性装饰器,用来定义组件内的输入属性。在实际应用场合,我们主要用来实现父组件向子组件传递数据。Angular 应用是由各式各样的组件组成,当应用启动时,Angular 会从根组件开始启动,并解析整棵组件树,数据由上而下流下下一级子组件。 @Input()counter.component.ts 123456789101112131415161718192021import &#...

ng-content 中隐藏的内容

如果你尝试在 Angular 中编写可重复使用的组件,则可能会接触到内容投射的概念。然后你发现了 <ng-content>,并找到了一些关于它的文章,进而实现了所需的功能。 接下来我们来通过一个简单的示例,一步步介绍 <ng-content> 所涉及的内容。 简单示例在本文中我们使用一个示例,来演示不同的方式实现内容投影。由于许多问题与Angular 中的组件生命周期...

Angular constructor vs ngOnInit

在 Angular 学习过程中,相信很多初学者对 constructor 和 ngOnInit 的应用场景和区别会存在困惑,本文我们会通过实际的例子,为读者一步步解开困惑。 constructor在 ES6 中就引入了类,constructor(构造函数)是类中的特殊方法,主要用来做初始化操作,在进行类实例化操作时,会被自动调用。马上来个例子: 123456789class AppCompo...

Angular ElementRef 简介

Angular 的口号是 - “一套框架,多种平台。同时适用手机与桌面 (One framework.Mobile & desktop.)”,即 Angular 是支持开发跨平台的应用,比如:Web 应用、移动 Web 应用、原生移动应用和原生桌面应用等。 为了能够支持跨平台,Angular 通过抽象层封装了不同平台的差异,统一了 API 接口。如定义了抽象类 Renderer 、抽...

Angular 工具篇之文档管理

Angular 工具篇系列教程目录: Angular 工具篇之规范化Git版本管理 Angular 工具篇之VSCode调试 Angular 工具篇之Storybook Angular 工具篇之国际化处理 Angular 工具篇之npx及angular-cli-ghpages Angular 工具篇之分析包的大小 本文我们将介绍 Compodoc 这款工具,它用于为 Angular ...

Angular 工具篇之规范化Git版本管理

Angular 工具篇系列教程目录: Angular 工具篇之VSCode调试 Angular 工具篇之Storybook Angular 工具篇之国际化处理 Angular 工具篇之npx及angular-cli-ghpages Angular 工具篇之分析包的大小 目前很多的项目都已经使用 Git 作为版本控制工具,使用 Git 意味着我们每天都要与 Git Commit Messa...

Angular 工具篇之VSCode调试

今天是 “教师节”,借用我女儿小班 QQ 群内家长们发的祝福语,献给各行各业辛勤而伟大的老师们: 今天是教师节,感谢我的孩子遇到的每一位老师,是你们无私的付出让孩子有了无比精彩的人生!—— 老师是这个世界上唯一一个与你的孩子没有血缘关系,却愿意因您的孩子进步而高兴,退步而着急,满怀期待,助其成才,舍小家顾大家并且无怨无悔的人代表孩子祝老师们节日快乐 ,老师们辛苦了! 好的,现在我们步入正...

玩转 Angular 环境变量

对于 “程序猿” 来说,在日常开发过程中,我们经常要与不同的开发环境打交道。在实际的项目的开发过程中,一般至少会有两个环境:开发环境和线上环境,这是很简单的情形。但对于一些项目来说,仅有两个环境是不够,除了开发环境和线上环境之外,可能还会包含测试环境和预发布环境等等。 随着前后端分离开发方式的普及,越来越多的公司采用 Angular、React 和 Vue 等前端的 MV* 框架来开发 SP...

Angular 异常处理

对于 Angular 应用程序,默认的异常处理是在控制台中输出异常,这对于本地开发和测试阶段,是很方便。但这对于线上环境来说,输出到控制台没有多大的意义。一般情况下,我们希望能自动收集线上环境抛出的异常,并上报到指定的异常收集服务器上,以便于对异常信息进行汇总和分析。 针对上述的需求,我们可以利用 Angular 为我们提供的钩子,来实现自定义异常处理器: 12345678910class ...