AngularJS学习之旅—AngularJS 模块(十五)

【AngularJS学习之旅—AngularJS 模块(十五)】的更多相关文章

AngularJS学习之旅—AngularJS 模块(十五)

一.AngularJS 模块模块定义了一个应用程序. 模块是应用程序中不同部分的容器. 模块是应用控制器的容器. 控制器通常属于一个模块. 1.创建模块通过 AngularJS 的 angular.module 函数来创建模块 <div ng-app="myApp">...</div> <script> var app = angular.module("myApp", []); </script> 2.添加控制器…

AngularJS学习之旅—AngularJS 控制器(六)

1.AngularJS 控制器 AngularJS 应用程序被控制器控制. ng-controller 指令定义了应用程序控制器. 控制器是 JavaScript 对象,由标准的 JavaScript 对象的构造函数创建. <div ng-app="myApp" ng-controller="myCtrl"> 名: <input type="text" ng-model="firstName"><…

AngularJS学习之旅—AngularJS 指令(三)

1.AngularJS 指令 AngularJS 通过被称为指令的新属性来扩展 HTML. AngularJS 通过内置的指令来为应用添加功能. AngularJS 允许你自定义指令.2.AngularJS 指令 1.AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-. 2.ng-app 指令初始化一个 AngularJS 应用程序. ng-app 指令告诉 AngularJS,<div> 元素是 AngularJS 应用程序的"所有者". 3.ng-…

AngularJS学习之旅—AngularJS 表达式(二)

1.AngularJS 表达式 AngularJS 表达式写在双大括号内:{{ expression }}. AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙. AngularJS 将在表达式书写的位置"输出"数据. AngularJS 表达式很像 JavaScript 表达式:它们可以包含文字.运算符和变量. 实例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }} eg: &l…

AngularJS学习之旅—AngularJS 表单(十六)

一.AngularJS 表单 AngularJS 表单是输入控件的集合. HTML 控件以下 HTML input 元素被称为 HTML 控件: input 元素 select 元素 button 元素 textarea 元素 1.数据绑定 <input type="text" ng-model="firstname"> 通过以上代码应用有了一个名为 firstname 的属性. 它通过 ng-model 指令来绑定到你的应用. firstname 属…

AngularJS学习之旅—AngularJS 事件(十四)

1.AngularJS 事件 ng-click ( 适用标签 :所有,触发事件:单击): ng-dblclick( 适用标签 :所有,触发事件:双击): ng-blur(适用标签 : a,input,select,textarea,触发事件:失去焦点): ng-focus(适用标签 : a,input,select,textarea,触发事件:获取焦点): ng-change(适用标签 : a,input,select,textarea,触发事件:model更新): ng-keydown(适用标…