文章目录一、Angular 的服务1.定义服务2.引入并声明服务3.使用服务二、案例：toDoList的实现以及数据持久化1.页面效果2.页面结构3.页面样式4.数据持久化服务5.页面逻辑 一、Angular 的服务Angular 中各个组件之间是不能调用彼此的方法的，但是如果有一些方法是公共的，多个组件都要用到，这个时候就可以使用服务啦。1.定义服务Angular中可以使用命令 ng g ser
转载
2023-08-30 17:32:32
127阅读
Angular 打造企业级协作平台[外链图片...
转载
2019-07-24 01:25:00
115阅读
2评论
Angular 打造企业级协作平台[外链图片转存失败(img-J0HrPiEG-1563902660799)(https://upload-images.jianshu.io/upload_images/11158618-485991cdaec3c55e?imageMogr2
原创
2021-07-19 11:53:44
227阅读
文章目录一、Angular 中的路由1、Angular 创建一个默认带路由的项目2、Angular routerLink 跳转页面 默认路由3、Angular routerLinkActive 设置 routerLink 默认选中路由4、路由 get 传值5、动态路由传值6、动态路由的 js 跳转7、动态 get 传值的 js 跳转8、父子路由（嵌套路由） 一、Angular 中的路由1、Ang
转载
2023-10-20 17:03:44
105阅读
相信很多人在 Angular5 的项目前期，用得很流畅。但随着项目变得庞大且复杂性增加，就会出现首页加载慢的问题。这是因为把所有页面都放在一个模块里，导致首页载入相当于把整个项目加载进来，所以才会觉得越来越慢。因此，我们需要根据项目业务情况来划分不同的功能模块，按需加载模块，来提升用户体验。下面根据之前所做的项目情况来分享一下进行模块划分的过程，由于所做的项目模块比较多，所以做了简化版的 demo
原创
精选
2022-03-30 14:38:49
1715阅读
相关链接angular视频课：https://www.bilibili.com/video/BV1iJ411F7Bf?p=3angular文档：https://angular.cn/guide/setup-localng-zorro-antd文档：https://ng.ant.design/docs/getting-started/zh 主要内容1. 安装Node.js以使用npm命令，
转载
2023-07-04 14:19:38
106阅读
Change Detection (变化检测) 是 Angular 2 中最重要的一个特性。当组件中的数据发生变化的时候，Angular 2 能检测到数据变化并自动刷新视图反映出相应的变化。那么，Angular 2 是如何知道数据发生了改变？又是如何知道需要修改的 DOM 位置，准确地用最小范围去修改 DOM 呢？本期跟大家分享一下，Angular2的脏值检测机制
原创
精选
2022-03-16 11:01:27
2348阅读
点赞
前言由于业务需求，需要对项目中的文档部分做 SEO 搜索引擎优化，这里采用的是 Angular 官方推荐的服务器渲染方案 Angular Universal。标准的 Angular 应用会运行在浏览器中，它会在 DOM 中渲染页面，以响应用户的操作。而 Angular Universal 会在服务端通过一个名叫服务端渲染（server-side rendering - SSR）的过程生成静态的应用
原创
精选
2022-04-06 17:31:50
1466阅读
在讲到angular2 及以上项目打包之前，我先讲一下。angular cli 拥有自己的打包工具，熟悉的可以直接上手。如果用不惯，也可以去使用webpack 之类的。内置的systemjs也是很好用的。 项目都完整之后，接下来就是令人头疼的打包问题。第一步在项目根目录下运行ng build（为了方便大家对比，所以先运行此命令），如下：其次在运行ng build --prod
转载
2023-06-07 22:25:30
185阅读
启动流程
原创
2022-07-06 17:49:43
177阅读
架构概述Angular应用的基本构建模块是 NgModules ，它为组件提供编译上下文。Angular 应用程序由一组 NgModules 定义，至少有一个根模块，一般叫做 AppModule ，还有更多的特性模块，使应用程序可以模块化开发。组件定义视图组件使用服务组件和服务都是类，使用 装饰器 标记其类型并告知 Angular 如何使用元数据。组件类的元数据将 组件 和展现视图的 HTML以及
为什么使用 Angular我不是 Angular 的布道者，但如今自称 Angular 派，使用 Angular 做项目让我有一种兴奋感。目前的三大主流前端框架都研究过，博客中也有三者的相关教程，最早接触的是 React，但是并没有实际的项目经验，只做过一些 Demo 。使用 Vue 做过一个比较复杂的移动端大数据项目，技术栈采用 Framework7 + Vue + Vuex，整体效果还是满意的
前言对于 node 应用，一般我们在本地调试的时候，可以考虑用 node app 的方式来启动服务查看效果。但是在服务器上，如果直接通过 node app 来启动，出现报错时可能直接停止服务运行，所以我选择了好评度较高的 pm2 来管理我的 ssr 服务。pm2 是一个进程管理工具，维护一个进程列表，可以用它来管理你的 node 进程，负责所有正在运行的进程，并查看 node 进程的状态，也支持性
原创
精选
2022-04-13 14:54:01
797阅读
最近一段时间在用angular开发项目,现把自己开发过程中一些体会以博客的形式写出来,分享自己心得,让彼此进步一、开发环境1、window10系统2、node7.4.03、npm4.0.54、安装@angular/cli: 1.4.1 参考安装文档二、创建一个项目1、ng new projectName --style=scss,本项目使用scss开发的2、更多的扩展认识掘金中ang
原创
2021-06-15 16:00:56
178阅读
希望打包成1个web服务，运行exe，启动 angular，供浏览器显示。问题分析：其实angular编译后，都是静态文件了。只需要打包express，让express可以以exe的形式运行就可以了。pkg的坑很多，写下来。1 打包配置这部分最坑。官网说的也不太清楚，绕了很多弯路。 我的最终做法如下：1 在ng工程下单独建1个文件夹 命名为pkg（随便）2 在pkg里建立package.
1. 打开命令行工具找到你要创建项目的目录 2. 创建项目 如果要跳过 npm i 安装： 3.创建过程中会问你是否安装配置路由 4. 运行项目 在项目目录下,打开终端: 常见问题: 创建项目后用 npm i 或者 cnpm i 后项目没法运行
转载
2021-08-13 09:39:07
808阅读
这个架构图展现了 Angular 应用中的 8 个主要构造块：模块 (module)组件 (component)
模板 (template)元数据 (metadata)数据绑定 (data binding)指令 (directive)管道服务 (service)和依赖注入 (dependency injection)图中的模板 (Templates)是由 Angular 扩展的
写在前面：ui-router是angular的一个插件，因为angular前面几个版本自带的原生ng-router不能很好的满足开发需求，所以在实现angular单页面嵌套的时候，都是使用ui-router。本文是的内容关于angular ui-router实现过程，内含demo以及代码地址，需要的朋友可以过来参考下，喜欢的可以点波赞，或者关注一下本人，ui-router的实现过程并不复杂，希望通
转载
2023-09-10 22:16:32
56阅读
Angular Schematics 是一个由 Angular 团队提供的工作流工具，用于在 An
原创
2023-07-22 07:48:23
60阅读
Angular Schematics 是一个由 Angular 团队提供的工作流工具，用于在 Angular 应用程序中自动化开发过程。Schematics 可以创建一个新的 Angular 应用，生成简单或复杂的代码片段，或者修改现有代码以添加新功能或行为。它提供了一个可扩展的方法，允许开发者以一种可维护的方式定制或扩展他们的开发工作流。
例如，当你在 Angular CLI 中运行 ng ne
原创
2023-07-08 08:35:23
1952阅读
