AngularJS学习
文章平均质量分 65
monkey_four
这个作者很懒,什么都没留下…
展开
-
AngularJS数据绑定
数据绑定指AngularJS 数据模型与HTML视图之间数据的绑定,是同步绑定. 数据模型: AngularJS应用程序通常有一个数据模型,功能是给应用程序提供数据集合. 如: var app = angular.module('myApp', []); app.controller('myCtrl', function($scope) { $scope.firstname = "原创 2016-06-24 15:15:13 · 461 阅读 · 0 评论 -
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 阅读 · 0 评论 -
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 阅读 · 0 评论 -
AngularJS 表达式
AngularJS表达式可以写在两对花括号中: {{ expression }} 也可以写在指令中:ng-bind="expression" AngularJS会解析表达式并返回表达式的结果 AngularJS表达式与JavaScript表达式非常类似,可包含字面常量,操作符以及变量等. 例1: my first expression: {{ 5 + 5 }}原创 2016-06-13 16:34:47 · 372 阅读 · 0 评论 -
AngularJS 模块
一个AngularJS模块可用来定义一个应用 模块可以理解成一个容器,盛着一个应用中的不同部分 模块是应用中控制的容器,也可以说控制器永远属于是模块的一部分 1. 创建一个模块 使用函数angular.module ... var app = angular.module("mypp", []); 创建一个模块后,可向其添加控制器(controllers),指令(dire原创 2016-06-14 11:03:05 · 308 阅读 · 0 评论 -
AngularJS过滤器(Filters)
过滤器的作用是格式化数据. 过滤器包含: currency date filter json limitTo lowercase number orderby uppercase 使用方法: 1. 在表达式中添加过滤器 The name is {{ lastName | uppercase }} angular.module('myApp', []).cont原创 2016-06-29 09:59:37 · 376 阅读 · 0 评论 -
AngularJS 作用域(Scope)
scope是HTML 视图与Angular控制器之间的数据传输枢纽. scope包含应用程序中可用的变量与方法 HTML视图和控制器都可以访问scope 怎样使用scope? 当创建一个控制器时,就会将$scope作为参数传递. {{carname}} angular.module('myApp', []).controller('myCtrl', functio原创 2016-06-28 17:33:29 · 481 阅读 · 0 评论 -
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 阅读 · 0 评论 -
AngularJS 服务
AngularJS 服务本质上是一个JS对象,当然包括函数. 大约有30个内置服务对象. 支持用户自定义服务. 如: 1. $location服务 类似与window.location,但是AngularJS应用程序中推荐使用自带的$location对象. 下面例子利用$location对象获取当前页面的url. The url of current page is:原创 2016-07-08 10:26:56 · 519 阅读 · 0 评论