Angular论坛 今日: 0|主题: 26|排名: 12 

qiankun 中使用Angular 实践 最近把玩qiankun,基座跟微应用都是使用Angular,这两个应用都是放到docker 容器中，结果安装官方的配置后，拉起环境一路的坑。记录一二，防止后来者也入坑。先介绍一下环境的情况 mainapp Angular15, Docker 本机的4300端口映射到容器内的4200 subapp Angualr15, Docker 本机的4301端口映射 ...

简介 中文官网参考：https://angular.cn/ Angular是谷歌开发的一款开源的web前端框架，诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。。Angular基于TypeScript和react、vue相比 Angular更适合中大型企业级项目。   环境搭建 nodejs安装 1.nodej ...

1. 新建组件 ng n c hello 2. 插值语法 {{ content }} 3. 属性绑定用 [] <p-dataTable [value]="listdata" selectionMode="multiple"></p> 或者 <p-dataTable [value]="listdata" [selectionMode]="'multiple'"></p> <div [class]="'box'"></div> // 必须是字符串 [class]="box"这样写box是变量 <h3 [class.xxy-tab ...

前言 Signals (Reactive Programming) 是在 Angular v16 (2023年5月) 被引入的，并在 v20 达到稳定 (stable) 阶段。 因此，从 v20 开始，Signals 就是主流了，这也是为什么我会把它放到教程的最前面几篇。   Signals 的前世 の KO.js Signals 不是 Angular 专属概念，许多前端框架/库都有 Signals，甚至未来 TC39 ...

1.对错误的处理 日常使用中，点击按钮需要往后台发消息，为了不重复发消息，经常需要把点击事件做成subject，然后把发消息的过程做成switchMap，类似下面的写法     const subject = new rxjs.Subject();     subject.pipe(       rxjs.operators.switchMap(index => {   &nbs ...

前言 在上一篇 Angular Components vs Web Components 中，我们整体对比了 Angular Components 和 Web Components 的区别。 这一篇我们将针对 Custom Elements 的部分继续对比学习。 同样地，请先看我以前写的 DOM – Web Components の Custom Elements。   Attribute、Property、Custom Event 对于一 ...

今天给大家推荐一个开源项目，基于.NetCore开发的、前后端分离、前端有Vue、Angular、MVC多个版本的快速开发框架。 项目简介 这是一个基于.NetCore开发的快速开发框架，项目采用模块化架构、最新的技术栈、项目高度封装了依赖注入、日志（Log4net、Nlog）、缓存（Redis）、身份认证、WebApi、权限授权、多数据库等模块，能 ...

前言 在前端框架Angular中，组件之间的通信很基础也很重要，不同组件间的通信方式也不同，掌握组件间的通信方式会更加深刻的理解和使用Angular框架。 本文讲解不同类型组件间的不同通信方式，文中所有示例均提供源码，您可以 在线编辑预览 或 下载本地调试，相信通过本文您一定可以掌握组件通信这一知识点。 父组件传子组 ...

本文介绍GraphQL中的Authenication和Authorication 参考： https://graphql.org/learn/authorization/ https://www.apollographql.com/docs/apollo-server/security/authentication/ Authenication和Authorication的区别 Authenication 和 Authorication 的概念十分容易混淆，两者的定义如下： Authenication 指用户认证 ...

|Angular CLI| Angular | NodeJS |TypeScript | RxJS Version | |-----------|--------------------|------------------------------ |-----------|-----------------------------------------| |- |2.x ...

路由配置 最简单，一个配置项包含了 path 和 component 两个属性 创建根路由模块 需要注意的是，根路由模块默认提供的路由策略为 PathLocationStrategy 。该策略要求应用必须设置一个 base 路径，用于作为前缀来生成和解析 URL 。设置 base 路径最简单的方式是在 index.html 文件中设置 <base> 元素的 href 属性。路由策 ...

Web 服务器是一种用于存储，处理和传输 Web 内容的软件。它是一种特殊类型的服务器，具有处理 HTTP 请求并向浏览器返回 Web 页面和其他内容的能力。Web服务器支持多种编程语言，如 PHP，JavaScript，Ruby，Python 等，并且支持动态生成 Web 页面。常见的 Web 服务器包括 Apache，Nginx，Microsoft IIS 等。对于目前流行的前 ...

Angularjs的工程化 AMD规范和CMD规范 为什么需要模块化管理工具 在编写项目时可能需要加载很多js文件，若b.js依赖a.js，且a.js比b.js大很多，那么浏览器会让b.js等待a.js加载完毕后再去执行b.js里的内容；而即使d.js并不依赖a.js，b.js，c.js，也会等待这三个文件均加载完毕才执行，为了让浏览器能够按需加载，提出了模块化 ...

AngularJS的重要概念 MVC模式 AngularJS最早按照MVC模式设计，在这种设计模式下，AngularJS组件可以分为： M: Model，即模型，是应用程序中用于处理应用程序数据逻辑的部分，在AngularJS中: 即作用域对象(当前为$rootScope), 它可以包含一些属性或方法； 充当储存数据的容器； 提供操作数据的方法。 V: View，即视图， ...

AngularJS——初识AngularJS AngularJS是什么 AngularJS是Google开源的一款前端JS结构化框架，它通过对前端开发进行分层，极好地规范了前端开发的风格——它将前端开发分为Controller层、Service层、DAO层和Model层。其中，Model对象与HTML页面（视图）上HTML元素进行双向绑定，开发者可通过Controller调用Service、DAO与后 ...

一、bpmn的基本认识 bpmn.js是一个BPMN2.0渲染工具包和web建模器, 使得画流程图的功能在前端来完成。 bpmn画图具有哪些内容？ 二、使用npm安装bpmn.js npm install --save bpmn-js 三、在Angular中使用bpmn.js 1.实现编辑器组件 安装相关依赖 npm install --save bpmn-js 编写HTML代码<div class="container"> <div c ...

前言 Angular 按照既定的发版计划在 11 月中旬发布了 v15 版本。推迟了一个月（几乎每个版本都是这个节奏😳），Ng-Matero 也终于更新到了 v15。其实 Ng-Matero 本身的更新非常简单，但是同步维护的 Material Extensions 这个库要先于 Ng-Matero 发布，所以大部分精力都耗费在组件库上面了。 我已经很久没有写关于 Ng-Mater ...

请按顺序阅读   关于本教程   初识 Angular 里面会讲到 Angular Versioning   Get Started   Angular Compiler (AKA ngc) Quick View   Dependency Injection 依赖注入 (必读) 里面会讲到 Injector, @Injectable() StaticClassProvider, FactoryProvider, ValueProvider, ExistingProvider,& ...

前言 我在《初识 Angular》一文中有提到，Angular 团队是一群不爱创新、喜欢 follow 标准的人。 也因此，要想深入理解 Angular Components，我们就得要先搞懂古老的 Web Components 和 MVVM。 因为 Angular Components 正是 follow 这两个概念发展出来的。   MVVM 与 Web Components 关于 MVVM，可以阅读这 ...

  Angular概述 Angular 是谷歌开发的一款开源的 web 前端框架，基于 TypeScript 。 和 react 与 vue 相比， Angular 更适合中大型企业级项目。 Angular程序架构 Angular优势 可伸缩性：基于RxJS 、immutable.js和其他推送模型，能适应海量数据需求 跨平台：渐进式应用（高性能、离线使用、免安装），原生（Ionic）， ...