Angular
  1. 首页
  2. Angular

AngularJS实际项目应用——前端js框架以及库介绍

AngularJS1.x系列，这个项目开始的时候2.x正式版还没有发布，现在发布了。UIBootstrap，https://angular-ui.github.io/bootstrap/，基于angularjs的bootstrap库，现在已经比较成熟了，用起来还可以。Bootstrap3.3.x，配合上面的UIBootstrap，不用多说AngularUIGrid，http://ui-grid.info/，后台管理系统需要大量的表格展示以及操作。这个基于angularjs的表格组件用来感觉还不错，已经更新

《Angular2之TypeScript》

三句了解TypeScript1.始于JavaScript，归于JavaScriptTypeScript从今天数以百万计的JavaScript开发者所熟悉的语法和语义开始。使用现有的JavaScript代码，包括流行的JavaScript库，并从JavaScript代码中调用TypeScript代码。后记：越来越体会到反馈和总结的重要性，因为反馈我对于Angular2的宏观认识深入一层，因为总结，我对于TypeScript的运行机制又理解一层。

AngularJS实际项目应用——前端工具介绍

简单介绍一下本项目使用的几个前端工具，以及怎么用的，仅供参考：1）nodejs，npm主要用来装gulp以及gulp的一些包，还有单元测试框架jasmine，karma以及karma的一些插件2）bower管理项目所需要的各种js库，包括angularjs，requirejs，bootstrap，jquery等等3）gulp主要用来管理项目的构建过程，包括从bower的目录中拷贝各种js库到目标路径，编译scss，压缩合并angularjs的html模板文件，拷贝帮助文档，以及运行单元测试。5）r.js最

【AngularJS】Angular2——Hello World！

前言作为例子之父，HelloWorld是每个语言学习之时做的第一个例子，今天我们就来比较一下，使用ES5规范的HelloWorld和使用Typescript的HelloWorld有什么异同吧。首先，我们从它的index.html来入手Angular2本身是一个JS文件，所以我们需要一个script标签来引入它，并且需要引入一些Angular/TypeScript依赖的文件：·es6-shim·angular2-polyfills·SystemJS·RxJS也就是我们在输出后的index.html的中添加的

AngularJS实际项目应用——命名规范概览

（二）angularjs模块名总体原则：驼峰方式命名Controller名称以Ctrl结尾，开头单词大写，因为angularjs中的Controller是个类概念，在使用的时候会被实体化，所以遵循类的命名范式。例如ServerCtrl，ServerCreationCtrlService名称以Srv结尾，开头单词小写，因为angularjs中的Service是个单例概念，不需要被实例化。

Angular2 之 Animations

Angular2的动画主要是和@Component结合在了一起。animations元数据属性在定义@Component装饰。使用要点Angular2的动画是使用模型驱动的方式在两个状态之间进行转换，是由状态和状态之间的转场效果所定义的。动画中可以动的属性和单位由于Angular的动画支持基于WebAnimations标准的，所以也能支持浏览器认为可以参与动画的任何属性。“可动”属性列表:一般就是长度、颜色、可见性PropertyNameTypebackground-colorascolorbackgro

Angular2 之 Promise vs Observable

Observable，由于可以有任意多个数据，因此需要一个额外的状态来表示完成，一经完成后便不能再产生数据。对于变换，需要使用.map方法，用来把Observable中的某个元素转换成另一种形式。当然还可能有另一类运算符，比如.toPromise等，这些并不返回Observable的方法其实本身并不是一个运算符，仅仅是对Observable的原型扩展。