Angular论坛 今日: 0|主題: 320|排名: 76 

Angular 1.Angular安装 (1)安装Node.js 地址：https://nodejs.org/en/download/ 下载后一路next即可，然后使用cmd输入node -v查看node版本npm -v查看npm版本 npm config set prefix "D:\software\nodejs\package\node_cache" npm config set cache "D:\software\nodejs\package\node_global" (2)安装Angular CLI，以下俩种 ...

构建项目 // 安装angular-cli npm install -g @angular/cli // 创建项目 ng new angular01 // 是否安装路由 // 选择（css/less/sass） // 进入项目 cd angular01 // 安装依赖 npm install // 启动并打开浏览器 ng serve -o 导入vscode后，安装angular提示的插件 目录结构 第一层文件 node_modules 第三方依赖包存放目 ...

解决方案 使用ngClass和ngStyle可以进行样式的绑定。 ngStyle的使用 ngStyle 根据组件中的变量， isTextColorRed和fontSize的值来动态设置元素的颜色和字体大小 <div [ngStyle]="{'color': isTextColorRed ? 'red': 'blue','font-size': fontSize + 'px'}"> This text has dynamic styles based on component variables. ...

程序设计原则： 1、YAGNI：You Are't Gonna Need It（不写不需要的代码） 2、DRY：Don't Repeat Yourself（不要cv自己的代码） 3、OCP：Open Close Principle（开闭原则：对扩展开放、对修改封闭） 4、Low Coupling, High Cohesion（高内聚低耦合） 5、Dimeter Law（迪米特法则，也称为"最少知识法则"）一个对象/组件只负责 ...

摘要：export declare const X: Y语法用于在Angular应用程序中声明一个具有指定类型的常量变量，并将其导出，以便在其他文件中使用。 本文分享自华为云社区《关于 Angular 应用里的 export declare const X Y 的用法》，作者：Jerry Wang。 最近做 Spartacus 的 Angular 开发时，遇到下面这种 TypeScript 代码： 对于里面 ...

一 Angular CLI 是啥        Angular CLI 是一个命令行接口(Angular Command Line Interface)，用于实现自动化开发工作流程。能让开发者更容易搭建和运行Angular工程。 Angular CLI 是Angular开发的一个辅助工具。 二 Angular CLI 安装        安装Angular CLI之前，先得安装N ...

@@node js 卸载 Angular CLI 当我尝试使用Angular CLI创建新项目时，请执行以下操作： ng n app 我收到此错误： fs.js：640返回binding.open（pathModule._makeLong（path），stringToFlags（flags），mode）; ^ TypeError：路径必须是TypeError（本地）处的字符串或Buffer 如何升级或卸载Angular CLI？ angular&nbs ...

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，也会等待这三个文件均加载完毕才执行，为了让浏览器能够按需加载，提出了模块化 ...