第二讲 html5框架+Crosswalk打包app 以及 Angularjs 基础

AngularJS最初由Misko Hevery 和Adam Abrons于2009年开发，后来成为了Google公司的项目。AngularJS弥补了HTML在构建应用方面的不足，其通过使用标识符（directives）结构，来扩展Web应用中的HTML词汇，使开发者可以使用HTML来声明动态内容，从而使得Web开发和测试工作变得更加容易。

Angularjs 版本简介

https://github.com/angular/angular.js/releases/

AngularJS 是专门为应用程序设计的 HTML。

AngularJS 使得开发现代的单一页面应用程序（SPAs：Single Page Applications）变得更加容易。

1 AngularJS 把应用程序数据绑定到 HTML 元素。

2  AngularJS 可以克隆和重复 HTML 元素。

3  AngularJS 可以隐藏和显示 HTML 元素。

4  AngularJS 可以在 HTML 元素"背后"添加代码。

5  AngularJS 支持输入验证

1.MVC

2.模块化与依赖注入

3.双向数据绑定

4.指令与UI控件

1. AngularJs integrate-整合了AngularJs  

2.  Url routing，use AngularUI  Router

url路由使用AngularUI Router，可以指定不同的路由，方便开发和集成

3 .  AngularJS Extensions & Directives 扩展了 AngularJS指令

ion-tab, ion-content, ion-nav-view, ion-header

$ionicPopup,$ionicLoading, $ionicModal…

http://Angularjs.org  官方网站正常打不开 但是打不开 大家都懂的

http://www.angularjs.cn/

http://docs.angularjs.cn/api 

http://www.ngnice.com/  

https://github.com/angular

http://www.bootcdn.cn/angular.js/

通过nodejs下载：npm install angular

1. 下载加载 angular.js 库 

2. 使用ng-app 指令告诉 angular 应该管理DOM中的哪一些部分

HTML5 允许扩展的（自制的）属性，以 data- 开头。

AngularJS 属性以 ng- 开头，但是您可以使用 data-ng- 来让网页对 HTML5 有效

俗话说 下面的指令可以在开头加上 data-   例如ng_app等同于data _ng_app

ng_app 定义应用程序的根元素。 指令

ng_bind 绑定 HTML 元素到应用程序数据。 简介

ng_click 定义元素被单击时的行为。 HTML 事件

ng_controller 为应用程序定义控制器对象。 控制器

ng_disabled 绑定应用程序数据到 HTML 的 disabled 属性。 HTML DOM

ng_init 为应用程序定义初始值。 指令

ng_model 绑定应用程序数据到 HTML 元素。 指令

ng_repeat 为控制器中的每个数据定义一个模板。 指令

ng_show 显示或隐藏 HTML 元素。 HTML DOM

AngularJS 表达式写在双大括号内：{{ expression }}。

AngularJS 表达式把数据绑定到 HTML，这与 ng-bind 指令有异曲同工之妙。

AngularJS 将在表达式书写的位置"输出"数据。

AngularJS 表达式 很像 JavaScript 表达式：它们可以包含文字、运算符和变量。

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

AngularJS 控制器 控制 AngularJS 应用程序的数据。

AngularJS 控制器是常规的 JavaScript 对象。

AngularJS 应用程序被控制器控制。

ng-controller 指令定义了应用程序控制器。

控制器是 JavaScript 对象，由标准的 JavaScript 对象的构造函数 创建。

控制器的 $scope 是控制器所指向的应用程序 HTML 元素。

angular中$scope是连接controllers(控制器)和templates(模板view/视图)的主要胶合体。我们可以把我们的model存放在scope上，来达到双向你绑定。