一道学Angular

新近想做一样磨蹭超过平台(pc\app\pad)的物打,研究了森技巧:

android、ios、H5、Bootrap、angular、angular2、ApiCloud、微信小序

除android、ios 本身的枷锁(系统)其它 的且
可以兑现跨平台,尤其ApiCloud、微信小程序召开开发sdk级解决方案特别是酷热,但是由技术主权上说太依仗人家的事物,

H5 、bootstrap 于响应式相当精美,前后端框架基本得以承包 。

自然还有许多 前端框架 如vue.js 等等。

莫亮堂why,目前针对angular产生兴趣,兴趣是最最脏的一言一行号召力,比如你针对某个漂亮女儿来了深切的兴味,然后。。。。(~~~开个笑话)

接下来就要去想方法接近 “她” ~~

本人一旦接近 angular ~~

 

预先从采访信息开始 :

它们自哪来?

AngularJS[1]  诞生于2009年,由Misko Hevery
等丁开创,后呢Google所收购。是均等放缓可以之前端JS框架,已经为用于Google的多款产品中。AngularJS有着许多特色,最为基本的凡:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

其的迷人的处在?

AngularJS是为了克服HTML于构建以上的贫而规划之。HTML是平山头死好的伪静态文本展示设计的声明式语言,但如若构建WEB应用的言辞它便显得乏力了。

普普通通,我们是透过以下技术来缓解静态网页技术在构建动态下达到的欠缺:

类库 –
类库是部分函数的聚集,它能帮您写WEB应用。起主导作用的是公的代码,由你来支配何时使用类库。类库有:jQuery等

框架 –
框架是如出一辙种异常的、已经落实了底WEB应用,你只需要针对其填充具体的作业逻辑。这里框架是由主导作用的,由它来冲实际的应用逻辑来调用你的代码。框架来:knockout、sproutcore等。

——好吧,还不够迷人

AngularJS通过为开发者呈现一个双重胜层次之虚幻来简化使用之出。如同其他的抽象技术一样,这为会损失有世故。换句话说,并无是具有的应用都契合用AngularJS来开。AngularJS主要考虑的是构建CRUD应用。幸运的凡,至少90%之WEB应用都是CRUD应用。但是只要了解什么适合用AngularJS构建,就得询问什么不吻合用AngularJS构建。

比方打,图形界面编辑器,这种DOM操作特别频繁也十分复杂的下,和CRUD应用即出酷可怜之例外,它们不抱用AngularJS来构建。像这种景象于是一些再次轻量、简单的技巧如jQuery可能会见重复好。

——心动了啊?

———-不得不说,我们有着的互联网行为就是一个个底数据点进行CRUD,如购物车加减商品(+
-)、查 机票、车票 、清除 不挂钩的微信好友 、下个订单————

 

更加探究:

 

于<html>标签里,我们为此一个ng-app标识符标明这是一个AngularJS应用。

斯ng-app标识符会使AngularJS自动初始化(auto initialize)你的利用。

咱因此<script>标签来加载AngularJS脚本:

<script src=”angular-1.1.0.min.js”></script>

透过安装<input>标签里之ng-model属性,
AngularJS会自动对数码进行双向绑定。

咱尚以拓展了有些简练的数额证实:

Quantity:<input type=”integer”min=”0″ng-model=”qty”required
>Cost:<input type=”number”ng-model=”cost”required >

是输入框的widget看起挺日常,但只要认识及以下几点那它就是不平凡了:

当页面加载了后,AngularJS会依照widget里之宣示的范名字(qty、cost)生成同名变量。

得将这些变量认为是MVC设计模式中的M(Model);

留神点widget里的input有着不同寻常的力。

如果你们尚未输入数据要输入的数额无效,这个input输入框会自动转换红。输入框的这种新特点,能于开发者重新爱实现CRUD应用里大面积的字段验证功能。

毕竟,我们好来拘禁一下私房的夹大括声泪俱下{{}}了:

Total:{{qty *cost
|currency}}这个{{表达式}}标记是AngularJS的多少绑定。其中的表达式可以是表达式和过滤器({{
expression | filter }})的三结合。

AngularJS提供了过滤器来对输入输出数据格式化。

面的是事例里,{{}}里之表达式让AngularJS把从输入框中获得的多寡相乘,然后把相乘结果格式化成本地钱样式,然后输出到页面上。

值得一提的凡,我们既是无调用任何AngularJS的措施,也从来不如用框架一样去编写某个具体逻辑,就是完结了上述功效。

这个实现的背后是为浏览器做了比较往日生成
静态页面还多的工作,让其亦可满足动态WEB应用之用。

AngularJS使得动态WEB应用之开销门槛降低到非欲类库或者框架的档次。

 

Angular信奉的是,当组建视图(UI)同时还要比方写软件逻辑时,声明式的代码会于命令式的代码好得差不多,尽管命令式的代码非常适合用来表述业务逻辑。

拿DOM操作以及应用逻辑解耦是千篇一律种怪好的笔触,它能够大大改善代码的可调性;

拿测试与支出同待遇是同种植十分深好的思路,测试的难度在非常可怜程度上在代码的组织;

以客户端与服务器端解耦是同等栽专门好之做法,它会而个别止相互开发,并且使鲜边代码都能够实现用;

假使框架能够当尽开发流程里都带着开发者:从设计UI,到编辑工作逻辑,再至测试,那对开发者将凡大的支援;

“化繁为简,化简为零”总是好之。

AngularJS能以您自以下的梦魇中摆脱出来 

 

AngularJS 表达式

编辑

AngularJS 表达式写于对大括号内:{{ expression }}。[2] 

AngularJS 表达式把数量绑定到 HTML,这同ng-bind指令发出异曲同工之美。

AngularJS 将以表达式书写的职位”输出”数据。

AngularJS 表达式很像JavaScript 表达式:它们可涵盖文字、运算符和变量。

实例 {{ 5 + 5 }} 或 {{ firstName + ” ” + lastName }}

 

 

千帆竞发认识了angular ,等待约下次~要同起么~     V-V 

 

相关文章