在讲到angular2 及以上项目打包之前，我先讲一下。angular cli 拥有自己的打包工具，熟悉的可以直接上手。如果用不惯，也可以去使用webpack 之类的。内置的systemjs也是很好用的。 项目都完整之后，接下来就是令人头疼的打包问题。第一步在项目根目录下运行ng build（为了方便大家对比，所以先运行此命令），如下：其次在运行ng build --prod
转载
2023-06-07 22:25:30
185阅读
架构概述Angular应用的基本构建模块是 NgModules ，它为组件提供编译上下文。Angular 应用程序由一组 NgModules 定义，至少有一个根模块，一般叫做 AppModule ，还有更多的特性模块，使应用程序可以模块化开发。组件定义视图组件使用服务组件和服务都是类，使用 装饰器 标记其类型并告知 Angular 如何使用元数据。组件类的元数据将 组件 和展现视图的 HTML以及
希望打包成1个web服务，运行exe，启动 angular，供浏览器显示。问题分析：其实angular编译后，都是静态文件了。只需要打包express，让express可以以exe的形式运行就可以了。pkg的坑很多，写下来。1 打包配置这部分最坑。官网说的也不太清楚，绕了很多弯路。 我的最终做法如下：1 在ng工程下单独建1个文件夹 命名为pkg（随便）2 在pkg里建立package.
文章目录一、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 中的路由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阅读
1. 打开命令行工具找到你要创建项目的目录 2. 创建项目 如果要跳过 npm i 安装： 3.创建过程中会问你是否安装配置路由 4. 运行项目 在项目目录下,打开终端: 常见问题: 创建项目后用 npm i 或者 cnpm i 后项目没法运行
转载
2021-08-13 09:39:07
808阅读
写在前面：ui-router是angular的一个插件，因为angular前面几个版本自带的原生ng-router不能很好的满足开发需求，所以在实现angular单页面嵌套的时候，都是使用ui-router。本文是的内容关于angular ui-router实现过程，内含demo以及代码地址，需要的朋友可以过来参考下，喜欢的可以点波赞，或者关注一下本人，ui-router的实现过程并不复杂，希望通
转载
2023-09-10 22:16:32
56阅读
这个架构图展现了 Angular 应用中的 8 个主要构造块：模块 (module)组件 (component)
模板 (template)元数据 (metadata)数据绑定 (data binding)指令 (directive)管道服务 (service)和依赖注入 (dependency injection)图中的模板 (Templates)是由 Angular 扩展的
本文目录一、项目起步二、编写路由组件三、编写页面组件1.编写单一组件2.模拟数据3.编写主从组件四、编写服务1.为什么需要服务2.编写服务五、引入RxJS1.关于RxJS2.引入RxJS3.改造数据获取方式六、改造组件1.添加历史记录组件2.添加和删除历史记录七、HTTP改造1.引入HTTP2.通过HTTP请求数据3.通过HTTP修改数据4.通过HTTP增加数据5.通过HTTP删除数据6.通过HT
原创
2022-11-29 14:32:00
110阅读
在平常的开发中，我们一个项目建立一个仓库，不仅维护起来难，而且那个"无穷大"的 node_modules 也太尴尬了吧，多个项目多份 node_modules，要是同类型的项目，使用同份就好了 ?
场景Angualr 是一款来自谷歌的开源的web 前端框架，诞生于2009 年，由Misko Heve
原创
2023-02-15 19:55:46
70阅读
场景Angualr 是一款来自谷歌的开源的web 前端框架，诞生于2009 年，由Misko Hevery 等人创建，后为Google 所收购。是一款优秀的前端JS 框架，已经被用于Google 的多款产品当中。Angualr 基于TypeScript 和react、vue 相比Angular 更适合中大型企业级项目。
Angular官网：https://angular.cn/开发Angu
转载
2020-04-16 23:36:00
111阅读
点赞
2评论
这个入门项目是我学习完《Angular 英雄指南教程》后，自己手写的一个练习项目，一步一步来，本文是第四篇，大佬们请指点啦。
原创
2022-11-29 14:31:25
117阅读
本文目录一、项目起步二、编写路由组件三、编写页面组件1.编写单一组件2.模拟数据3.编写主从组件四、编写服务1.为什么需要服务2.编写服务五、引入RxJS1.关于RxJS2.引入RxJS3.改造数据获取方式六、改造组件1.添加历史记录组件2.添加和删除历史记录七、HTTP改造1.引入HTTP2.通过HTTP请求数据3.通过HTTP修改数据4.通过HTTP增加数据5.通过HTTP删除数据6.通过HT
转载
2022-11-29 14:32:58
43阅读
相信很多人在 Angular5 的项目前期，用得很流畅。但随着项目变得庞大且复杂性增加，就会出现首页加载慢的问题。这是因为把所有页面都放在一个模块里，导致首页载入相当于把整个项目加载进来，所以才会觉得越来越慢。因此，我们需要根据项目业务情况来划分不同的功能模块，按需加载模块，来提升用户体验。下面根据之前所做的项目情况来分享一下进行模块划分的过程，由于所做的项目模块比较多，所以做了简化版的 demo
原创
精选
2022-03-30 14:38:49
1715阅读
Angular 框架是一个完整的前端开发工具包，包括用于开发桌面、移动和 Web 应用程序的广泛功能。有几个组件库可以通过与现有功能集成来扩展你的 Angular 组件。这些 Angular UI 组件库提供的组件可以自动化你的杂务，执行典型的重复操作，并为你节省大量的编写时间。 1.NG-BootStrap NG Bootstrap 提供带有高级输入组件的 Angular 小部件，我们使
转载
2023-08-29 15:45:14
165阅读
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阅读
