2016年06月_monkey_four

原创 AngularJS过滤器(Filters)

过滤器的作用是格式化数据．过滤器包含:currencydatefilterjsonlimitTolowercasenumberorderbyuppercase使用方法：1. 在表达式中添加过滤器The name is {{ lastName | uppercase }}angular.module('myApp', []).cont

2016-06-29 09:59:37 376

原创 AngularJS 作用域(Scope)

scope是HTML 视图与Angular控制器之间的数据传输枢纽．scope包含应用程序中可用的变量与方法HTML视图和控制器都可以访问scope怎样使用scope?当创建一个控制器时，就会将$scope作为参数传递． {{carname}} angular.module('myApp', []).controller('myCtrl', functio

2016-06-28 17:33:29 481

原创 AngularJS控制器

控制器（controllers）可以控制应用程序数据控制器是普通的js对象使用ng-controller指令定义一个控制器 First name: Last name: Full name: {{fullname}} var app = angular.module('myApp', []); app.controller('

2016-06-25 17:56:35 336

原创 AngularJS数据绑定

数据绑定指AngularJS 数据模型与HTML视图之间数据的绑定，是同步绑定．数据模型：AngularJS应用程序通常有一个数据模型，功能是给应用程序提供数据集合．如：var app = angular.module('myApp', []);app.controller('myCtrl', function($scope) { $scope.firstname = "

2016-06-24 15:15:13 461

原创 ng-model指令

ng-model指令作用是绑定HTML表单元素到AngularJS应用程序数据中，即$scope变量中．语法：其中tag可以是input, select, textarea如： Name: var app = angular.module("myApp", []); app.controller('myCtrl', function($scope

2016-06-15 09:56:53 1139

原创 AngularJs指令

AngularJS中的指令可以理解为对html元素扩展的属性名称包含许多内置指令同时支持自定义指令所有指令的以ng-作为前缀，如：ng-app定义一个应用ng-init初始化数据ng-model绑定数据1. ng-model 数据绑定使用ng-model将AngularJs数据通html元素（input, text-area, select等）的数据绑定

2016-06-14 15:13:36 320

原创 AngularJS 模块

一个AngularJS模块可用来定义一个应用模块可以理解成一个容器，盛着一个应用中的不同部分模块是应用中控制的容器,也可以说控制器永远属于是模块的一部分1. 创建一个模块使用函数angular.module... var app = angular.module("mypp", []);创建一个模块后，可向其添加控制器(controllers)，指令(dire

2016-06-14 11:03:05 308

原创 AngularJS 表达式

AngularJS表达式可以写在两对花括号中：　{{ expression }}也可以写在指令中：ng-bind="expression"AngularJS会解析表达式并返回表达式的结果AngularJS表达式与JavaScript表达式非常类似，可包含字面常量，操作符以及变量等．例1：my first expression: {{ 5 + 5 }}

2016-06-13 16:34:47 372

monkey_four的专栏