1.ng-app指令标记了AngularJS脚本的作用域，在<html>中添加ng-app属性即说明整个<html>都是AngularJS脚本作用域。开发者也可以在局部使用ng-app指令，如<div ng-app>，则AngularJS脚本仅在该<div>中运行。2.这行代码载入angular.js脚本，当浏览器将整个HTML页面载入完毕后将会执行
转载
精选
2016-03-23 16:06:16
592阅读
在讲到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以及
head部分：<link rel="stylesheet" href="http://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="http://www.w3cschool.cc/try/angularjs/1.2.5/angular.min.js"&
转载
精选
2015-07-16 18:15:12
860阅读
开始学习AngularJS的一个好方法是创建经典应用程序“Hello World!”：使用您喜爱的文本编辑器，创建一个HTML文件，例如：helloworld.html。将下面的源代码复制到您的HTML文件。在web浏览器中打开这个HTML文件。 HTML 源代码<!doctype html>
<html ng-app>
 
原创
2015-11-20 12:49:07
402阅读
希望打包成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阅读
Document {{name}} ymodel.controller("mycontroller1", ["$scope", func
原创
2023-01-30 16:06:27
35阅读
1. 打开命令行工具找到你要创建项目的目录 2. 创建项目 如果要跳过 npm i 安装： 3.创建过程中会问你是否安装配置路由 4. 运行项目 在项目目录下,打开终端: 常见问题: 创建项目后用 npm i 或者 cnpm i 后项目没法运行
转载
2021-08-13 09:39:07
808阅读
面对如何在现有的低版本的框架服务上，运行新版本的前端服务问题，华为云前端推出了一种融合方案，该方案能让独立的Angular项目整体运行在低版本的框架服务上，通过各种适配手段，让Angular项目也能获取到外层框架服务的资源。 华为云前端服务前期采用AngularJs作为框架技术栈，技术较为老旧
转载
2020-06-23 14:29:00
45阅读
2评论
写在前面：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 扩展的
场景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 框架是一个完整的前端开发工具包，包括用于开发桌面、移动和 Web 应用程序的广泛功能。有几个组件库可以通过与现有功能集成来扩展你的 Angular 组件。这些 Angular UI 组件库提供的组件可以自动化你的杂务，执行典型的重复操作，并为你节省大量的编写时间。 1.NG-BootStrap NG Bootstrap 提供带有高级输入组件的 Angular 小部件，我们使
转载
2023-08-29 15:45:14
165阅读
相信很多人在 Angular5 的项目前期，用得很流畅。但随着项目变得庞大且复杂性增加，就会出现首页加载慢的问题。这是因为把所有页面都放在一个模块里，导致首页载入相当于把整个项目加载进来，所以才会觉得越来越慢。因此，我们需要根据项目业务情况来划分不同的功能模块，按需加载模块，来提升用户体验。下面根据之前所做的项目情况来分享一下进行模块划分的过程，由于所做的项目模块比较多，所以做了简化版的 demo
原创
精选
2022-03-30 14:38:49
1715阅读
本文目录一、项目起步二、编写路由组件三、编写页面组件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，要是同类型的项目，使用同份就好了 ?
angular官网有，不过为了查找方便记录下https://github.com/angular/angular-cn/tree/aio/aio/content/examples
原创
2022-07-06 18:20:18
98阅读
