angular 8升级到9
项目升级
进入官网
持续更新你的 Angular 项目
找到升级你的环境和应用里面的Angular 升级指南。点击进入。
选者你自己的当前的版本号,在选择你想要升级的版本号。按照提示进行升级就行勒
整体升级
在终端直接输入。此版本是候选版本的
npm install -g @angular/cli@9.0.0-rc.3
执行完之后,输入ng vers ...
Angular中父子组件之间父组件给子组件传值、传递方法、传递自己
场景
Angular介绍、安装Angular Cli、创建Angular项目入门教程:
https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/105570017
Angular新建组件以及组件之间的调用:
https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/105694997
通过以上搭建起Angular项目。
注:
博客: https://blog.csdn.net/bada ...
解决Angular CLI找不到模块angular-devkit/build-angular的问题
Angular CLI 是 Angular 客户端命令行工具,提供非常多的命令来简化 Angular 的开发。今天执行“ng serve”命令时,竟然报找不到模块"@angular-devkit/build-angular"的错误。
问题背景
执行“ng serve”命令时,竟然报找不到模块"@angular-devkit/build-angular"的错误。信息如下:
>ng serve
An unhandled excepti ...
Angular样式隔离(style isolation)及选择器(:host, :host-context, ::ng-deep)的使用
1.Angular样式隔离
Angular样式隔离的好处最最要的一条就是CSS的可维护性。当没有样式隔离时,我们创建一个组件并添加样式后,可能会影响到其他的组件样式,而且很有可能查找不出问题所在。虽然我们可以想出办法来避免样式被覆盖,但是可能会引发CSS的可维护性问题。
Angular的视图封装(View Encapsulation)
在Angular中, ...
electron && angular 构建桌面应用(一)
electron介绍
Electron是一个实时框架,允许您使用HTML5,CSS和JavaScript创建桌面应用程序。Electron 可以让你使用纯 JavaScript 调用丰富的原生(操作系统) APIs 来创造桌面应用。 Electron 使用 web 页面作为它的 GUI,所以你能把它看作成一个被 JavaScript 控制的,精简版的 Chromium 浏览器。编写第一个electron应 ...
angular中路由跳转并传值四种方式
一、路由传值
步骤1 路由传递参数 注意 一定是要传递 索引值 let key = index 这种情况是在浏览器中可以显示对应的参数 这种的是问号 localhost:8080/news?id=2&name=xiaoming
<div class="z-shebei-box1 x-mysh-p" style="width: 100%;" *ngFor='let item of deviceInfo.list ;let key = index;'>
<a [route ...
Angular的Observable可观察对象(转)
原文:https://blog.csdn.net/qq_34414916/article/details/85194098
Observable
在开始讲服务之前,我们先来看一下一个新东西——Observable(可观察对象),是属于RxJS库里面的一个对象,可以用来处理异步事件,例如HTTP请求(实际上,在Angular中,所有的HTTP请求返回的都是Observable),或许,你以前接触过一个叫promi ...
rust angular 自签名证书 wss
项目中采用 wss 来建立的前后端连接, 但是并没有用到认证的证书, 所以自己用 openssl 生成了私钥, 自签名证书来使用:
这里就不再赘述 Wss 连接过程, 直接上手操作:
1. 生成私钥, 证书:
请查看: 使用 openssl 安装和生成证书 - 书源 - 博客园 (cnblogs.com)
2. rust 服务端:
将生成的 server.crt 和 server.key 放 ...
Angular standlone引入angular-in-memory-web-api
1. 安装angular-in-memory-web-api
点击查看代码
npm i angular-in-memory-web-api --save
版本选择与自己相同的angular版本

例如我的angular是18版本
点击查看代码
npm i angular-in-memory-web-api@0.18.0 --sa ...
全网最全!1500+ 免费、美观的前端网页模板,建站神器(包括HTML、Vue、Angular、React等)!
前言
经常有小伙伴问我 Vue、React、Bootstrap 或者 Angular 这些有好看且免费的前端模板推荐的吗?今天大姚给大家分享一个宝藏网站,它汇聚了1500+ 免费、美观的前端网页模板,无论是 Vue、React、Bootstrap、Angular 等多种主流前端技术,你都能在这里找到心仪的模板,让你的前端开发之路更加顺畅!
HtmlRev:https://ht ...
Angular CLI 源码分析
🔥 重磅推荐!这份文档 + 课程《Angular CLI 源码分析》 = 王炸组合 💥 双倍知识,双倍快乐,带你起飞~ 🚀 (ง •_•)ง
准备:
安装 Node.js https://nodejs.org/;
安装 VS Code https://code.visualstudio.com/;
创建文件夹 angular-cli-source-learn;
安装 Angular CLI npm install @angular/clihttps://www.npm ...
angular初步使用
创建项目
npm install -g @angular/cli
ng new my-angular-project
cd my-angular-project
ng serve
ng serve --port 8081
# access in localhost:4200
angular-cli
文件生成
Angular CLI 提供了快捷命令来生成各种文件,保持项目结构的一致性。常用的生成命令包括:
生成组件:
ng generate component component-name
...
Angular 18 上手开发
0x01 概述
(1)简介
官方网站:https://www.angular.cn/
Angular 由 Google 的专业团队维护,Angular 提供了广泛的工具、API 和库,简化和优化开发工作流程
Angular 提供了一个坚实的平台,可用于构建快速、可靠、能够随着团队规模和代码库规模扩展的应用程序
特点:
整合性高,降低技术决策成本
简化 DOM 操作,注重业 ...
.NET 7+Angular 4 轻量级新零售进销存系统
前言
给大家推荐一个专为新零售快消行业打造了一套高效的进销存管理系统。
系统不仅具备强大的库存管理功能,还集成了高性能的轻量级 POS 解决方案,确保页面加载速度极快,提供良好的用户体验。
项目介绍
Dorisoy.POS 是一款基于 .NET 7 和 Angular 4 开发的新零售快消进销存管理系统。
系统集成了先进的库存管理和高性能 ...
👾 笔记 | Angular 实现 keep-alive (路由复用)
Angular 的路由复用策略(RouteReuseStrategy)是一种用于优化路由跳转性能和提高用户体验的机制。通过实现RouteReuseStrategy接口,后可以自定义路由的复用行为,避免不必要的组件销毁和重建,同时保持组件的状态。
以下是对Angular路由复用策略的详细介绍:
一、基本概念
RouteReuseStrategy是 Angular 路由模块提供的一 ...
Angular 集成 StreamSaver 大文件下载
应用场景:
实现目标: 在网页端实现大文件(文件大小 >= 2 G) 断点续传
实际方案: 发送多次请求, 每次请求一部分文件数据, 然后通过续写将文件数据全部写入.
难点: 无法实现文件续写, 最后采用 StreamSaver 来解决这个问题.
1. 首先从 git hub 将 StreamSaver 拉取下来.
StreamSaver gitHub 项目地址:& ...
Angular 集成 StreamSaver 大文件下载
应用场景:
实现目标: 在网页端实现大文件(文件大小 >= 2 G) 断点续传
实际方案: 发送多次请求, 每次请求一部分文件数据, 然后通过续写将文件数据全部写入.
难点: 无法实现文件续写, 最后采用 StreamSaver 来解决这个问题.
1. 首先从 git hub 将 StreamSaver 拉取下来.
StreamSaver gitHub 项目地址:& ...
Angular 我在点击了上一页或者下一页方法之后,重新加载渲染数据。为什么还需要再点击一次页面的其他地方才会渲染出来?(或者数据改变了页面没有渲染)
在你的 TypeScript 代码中,当调用 nextPage_TopSelling() 或 prevPage_TopSelling() 方法时,虽然你更新了 currentPage_TopSelling 的值并调用了 reloadTopSelling() 方法,但是 Angular 并不会自动检测到这些变化并重新渲染页面。这是因为 Angular 的变化检测机制是基于异步的,在一些情况下需要手动触发变化检测。
为了 ...
Angular 20+ 高阶教程 – 初识 Angular
Before Starting
深入学习 Angular 是一件非常耗时耗力的事情。
实施 Angular 到项目中同样也是一件非常耗时耗力的事情。
在我们做出这么大的投入之前,我们有必要先思考以下几个问题:
什么样的项目适合使用 Angular 做开发?
要深入学习 Angular,需要做哪些学前准备?
Angular 还火吗,Google 会不会突然宣布不再更 ...
2023最新中级难度Angular面试题,包含答案。刷题必备!记录一下。
好记性不如烂笔头
内容来自 面试宝典-中级难度Angular面试题合集
问: Angular是什么?请简要介绍一下Angular框架的特点和优势。
Angular是一个由Google维护的开源前端框架,用于构建高效、动态和响应式的单页面Web应用程序。它最初在2010年作为AngularJS发布,并于2016年进行了重写并改名为Angular(也被称为Angular 2+ ...