Angular CLI 帮助开发者快速创建Angular 2项目和组件
在 ng-conf 2016的一场演讲中,Mike Brocchi向开发者详细展示了 Angular CLI(全称Command Line Interface)及其功能。他说,在自己采访过的开发者中,有26%的人称 Angular 2 环境设置是一大入门门槛,有22%的人说环境设置太过复杂。Angular CLI的诞生,正是为了解决这个问题。
为了降低创建项目所需的时间,Angular CLI提...
查看全文 >>
《AngularJS实战》——2.3 Angular中的模板
本节书摘来自华章出版社《AngularJS实战》一 书中的第2章,第2.3节,作者:陶国荣,更多章节内容可以访问云栖社区“华章计算机”公众号查看。
2.3 Angular中的模板
Angular自身提供了一整套完整的模板系统,配合$scope对象和数据双向绑定机制,将页面纯静态元素经过行为、属性的添加和格式的转换,最终变成在浏览器中显示的动态页。在模板系统中,可以包含Angular的指令、数据绑...
查看全文 >>
angular2.0装饰器祥解
什么是装饰器?
装饰器是一个函数,它将元数据添加到类、类成员(属性、方法)和函数参数。
装饰器是一个 JavaScript 的语言特性,装饰器在 TypeScript 里已经实现,并被推荐到了ES2016(也就是ES7)。
要想应用装饰器,把它放到被装饰对象的上面或左边。
Angular 使用自己的一套装饰器来实现应用程序各部件之间的相互操作@NgModule装饰器
NModule是一个装饰器函...
查看全文 >>
Angular 6.0已发版: Angular快速入门
Angular 6.0.0 于2018年5月4日正式发布,今天我们一起来跟着其官网(https://angular.io/guide/quickstart)的例子做个简单入门吧!
“Angular 6.0.0 正式发布,新版本重点关注工具链以及工具链在 Angular 中的运行速度问题。这次更新还包括框架包(@angular/core、@angular/common、@angular/compi...
查看全文 >>
ng-animate和ng-cookies用法
———ng-animate
本文讲一下Angular中动画应用的部分。
首先,Angular本生不提供动画机制,需要在项目中加入Angular插件模块ngAnimate才能完成Angular的动画机制,Angular也不提供具体的动画样式,所以说,它的自由度和可定制性挺大的。
那么,刚开始需要在项目的入口html文件中引入Angular框架(angular.js),然后引入angular.ani...
查看全文 >>
AngularJs ngClass、ngClassEven、ngClassOdd、ngStyle
这几个都关于样式及类名修改的,所以先把样式代码贴上吧。
.red{color:red}
.blue{color:blue}
写案例用到的样式就这么简单的两个,下面进入正题。
ngClass
ngClass指令允许在HTML标签上通过绑定一个代表所有将被添加的类的表达式去动态的设定CSS类名。
该指令操作有三种不同的方式,根据三种类型的表达式计算结果为:
如果表达式计算的结果是个字符...
查看全文 >>
[译]Angular vs React:谁更适合前端开发
本文讲的是[译]Angular vs React:谁更适合前端开发,
原文地址:Angular vs. React: Which Is Better for Web Development?
原文作者:Brandon Morelli
译文出自:掘金翻译计划
本文永久链接:github.com/xitu/gold-m…
译者:龙骑将杨影枫
校对者:Larry、薛定谔的猫、逆寒
...
查看全文 >>
开发一个自己的 CSS 框架(一)
这是一个系列,带着大家封装一个纯 CSS 框架,从零学习 SASS 语法。
代码仓库点我传送
因为简单,强依赖原生 Javascript 对虚拟 DOM 不友好(如 React、Vue、Angular),使用虚拟 DOM 对使用原生 Javascript 编程(JQuery)不友好。没有代码是最棒的代码,部署在任何地方,运行在任何地方。
我会告诉我叫 IE 吗?
看这表情,...
查看全文 >>
用Yeoman构建AngularJS项目
这篇文章不是一篇翻译也不是一篇原创文章,类似于一篇学习笔记,主要是记录一些关键的过程,方便查阅加深理解和记忆。
Yeoman 介绍
Yeoman 是 Google 的团队和外部贡献者团队合作开发的,他的目标是通过 Grunt(一个用于开发任务自动化的命令行工具)和 Bower(一个HTML、CSS、Javascript 和图片等前端资源的包管理器)的包装为开发者创建一个易用的工作流。
Yeoma...
查看全文 >>
手把手教你用ngrx管理Angular状态
原文地址:http://blog.csdn.net/fen747042796/article/details/74840844
Angular应用中的状态管理
近几年,大型复杂Angular/AngularJS项目的状态管理一直是个让人头疼的问题。在AngularJS(1.x版本)中,状态管理通常由服务,事件,$rootScope混合处理。在Angular中(2+版本),组件通信让状态管理变得清...
查看全文 >>