angular

angular + express 实现websocket通信

最近需要实现一个功能,后端通过TCP协议连接雷达硬件的控制器,前端通过websocket连接后端,当控制器触发消息的时候,把信息通知给所以前端; 第一个思路是单独写一个后端服务用来实现websocket,调试成功了,后来又发现一个插件express-ws,于是决定改变思路,研究了下,最终代码如下,希 ... »

haoyuerji

十分钟学会angular

首先笔者有一定的vue基础,但是遇到了含有angular的应用,因此需要学习angular的应用,在学习过程中将自己的学习步骤给一一记录下来,因此假设读者也是具有html及js的基础,在此基础上可以跟着我快速学习并掌握angular的基本使用方法。 一、angular的基本介绍: Angular是一 ... »

eminer

教你学会使用Angular 应用里的 export declare const X Y

摘要:export declare const X: Y语法用于在Angular应用程序中声明一个具有指定类型的常量变量,并将其导出,以便在其他文件中使用。 本文分享自华为云社区《关于 Angular 应用里的 export declare const X Y 的用法》,作者:Jerry Wang。 ... »

huaweiyun

看看Angular有啥新玩法!手把手教你在Angular15中集成报表插件

> 摘要:本文由葡萄城技术团队于博客园原创并首发。葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 # Angular15新特性 Angular框架(以下简称“Angular”)作为一款由谷歌开发的Web应用程序框架,其强大的依赖注入系统、可重复使用的模块化开发理念和响应式编程模式等特 ... »

Angular组件库ng-zorro-antd实现radio单选框选择

目录 antd组件库升级之后代码不生效 解决方法 总结 antd组件库升级之后代码不生效 项目业务之前的代码设计了类似radio单选框取消选择的相关逻辑,用的是下面类似的代码实现的。但近期对ng-zorro-antd组件库升级之后,下面的代码不生效了。 import { Componen »

angular中radio单选的问题解决demo

html中单选框用法如下,checked用来选中默认的单选项: <input type="radio" name="sex" value="male" checked>Male <input type="radio" name="sex" value=" »

angular4响应式表单与校验实现demo

目录 html文件: ts文件: 校验文件validators.ts html文件: <form [formGroup]="formModel" (submit)="onSubmit()"> <h2>响应式表单与校验</h2> <div »

详解如何在Angular中引入Mock.js

目录 介绍 为什么使用 Mock.js 如何使用Mock.js模拟API请求 安装Mock.js 创建mock数据文件 在Angular中使用Mock.js 示例 总结 介绍 Mock.js是一个用于模拟数据的 JavaScript 库,常常被用于前端开发和单元测试。 在进行 Ang »

Angular中的ActivatedRoute和Router原理解释

目录 Angular中的ActivatedRoute和Router解释 ActivatedRoute Router Angular中的ActivatedRoute和Router解释 在Angular中,ActivatedRoute和Router是两个核心的路由服务。他们都提供可以用 »

详解使用KeyValueDiffers检测Angular对象的变化

目录 ngDoCheck钩子 KeyValueDiffers服务 KeyValueDiffers其他用法 ngDoCheck钩子 ngDoCheck 是 Angular 生命周期钩子之一。它允许组件在 Angular 检测到变化时执行自定义的变化检测逻辑。 当任何组件或指令的输入属性 »

JavaScript的三大前端框架Vue和Angular和React

目录 背景介绍 Angular React Vue 详细分析 Vue React Angular 再谈Vue和React的生态系统 Vue React 今天就来好好分析分析这三个框架。 背景介绍 Angular Angular 是 Google 在 2010 年发布的 »

Vue.js React与Angular流行前端框架优势对比

目录 Vue.js、React和Angular对比 以下是Vue.js的代码示例: 以下是React的代码示例: 以下是Angular的代码示例: Vue.js、React和Angular对比 Vue.js、React和Angular都是流行的前端框架,它们都有自己的优势和 »

Angular本地存储安全分析详解

目录 引言 什么是本地存储? Angular中的本地存储技术 Cookie Web Storage API LocalStorage SessionStorage IndexedDB 安全角度的本地存储实例 引言 随着Web应用程序的不断增长,前端开发人员慢慢意识到使用浏览器提供 »

推荐一个前后端分离.NetCore+Angular快速开发框架

今天给大家推荐一个开源项目,基于.NetCore开发的、前后端分离、前端有Vue、Angular、MVC多个版本的快速开发框架。 项目简介 这是一个基于.NetCore开发的快速开发框架,项目采用模块化架构、最新的技术栈、项目高度封装了依赖注入、日志(Log4net、Nlog)、缓存(Redis)、 ... »

chingho

推荐一个前后端分离.NetCore+Angular快速开发框架

今天给大家推荐一个开源项目,基于.NetCore开发的、前后端分离、前端有Vue、Angular、MVC多个版本的快速开发框架。 项目简介 这是一个基于.NetCore开发的快速开发框架,项目采用模块化架构、最新的技术栈、项目高度封装了依赖注入、日志(Log4net、Nlog)、缓存(Redis)、 ... »

chingho

Angular 独立组件入门指南

目录 Angular 独立组件入门 创建组件 组件输入 组件输出 Angular 独立组件入门 如果你正在学习 Angular,那么你可能已经听说过独立组件(Component)。顾名思义,独立组件就是可以独立使用和管理的组件,它们能够被包含在其他组件中或被其他组件引用。 在本文 »

Angular 独立组件入门指南

目录 Angular 独立组件入门 创建组件 组件输入 组件输出 Angular 独立组件入门 如果你正在学习 Angular,那么你可能已经听说过独立组件(Component)。顾名思义,独立组件就是可以独立使用和管理的组件,它们能够被包含在其他组件中或被其他组件引用。 在本文 »

Angular.js实现扫码枪扫码并生成二维码

目录 前言 扫码枪扫码 生成二维码 前言 举个例子: 商品都有自己的序列号 SN。那么当我们将这些商品打包的时候,我们就需要生成一份商品的 SN 清单,将其贴在箱子的表面以查看。但是冗长的序列号占位比较大,那么,我们是否可以将这些商品的序列号生成一个二维码呢?然后,我们可以通过扫码就 »

Angular.js实现扫码枪扫码并生成二维码

目录 前言 扫码枪扫码 生成二维码 前言 举个例子: 商品都有自己的序列号 SN。那么当我们将这些商品打包的时候,我们就需要生成一份商品的 SN 清单,将其贴在箱子的表面以查看。但是冗长的序列号占位比较大,那么,我们是否可以将这些商品的序列号生成一个二维码呢?然后,我们可以通过扫码就 »

Angular4中的checkbox 全选按钮启用禁用

这客户比较特殊,啥都得选中行能选中checkbox,并且未选中时按钮需要禁用。 可以理解 代码比较简单,table代码: <div class="modal-header"> <p class="modal-title">Logout Warnnin »