码迷,mamicode.com
首页 > Web开发 > 详细

angularJs 学习笔记

时间:2017-06-06 15:55:40      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:格式化数字   ctr   roots   创建   html   ble   传递   ini   isa   

ng-app="" 定义了angularJS的使用范围

eg:技术分享

ng-model="变量" 定义变量名

eg:技术分享

ng-init 指令初始化AngularJs应用程序变量

eg:技术分享

ng-bind 指令把变量绑定到某个段落的innerHTML

eg:技术分享

     技术分享

ng-repeat 指令会重复一个html元素

eg:技术分享

依次输出names数组中的值

ng-disabled指令 直接绑定应用程序数据到html的disabled属性

ng-show指令 隐藏或显示一个html元素 ng-show=ture  为可见 ng-show=false 为不可见

ng-click指令 定义了AngularJs点击事件

AngularJs 表达式写在双大括号内 {{expression}}

eg:技术分享

     技术分享  输出结果10

 通过添加restrict属性,并设置值为“A” 来设置指令只能通过属性的方式来调用

 eg: 技术分享

 restrictde 的值有四种 

E 作为元素名使用 A 作为属性使用 C 作为类名使用  M作为注释使用

ng-controller="myCtrl“ 用于定义一个控制器

 双向绑定 在修改输入域的值时,AngularJs属性的值也将修改

 eg:技术分享

 AngularJs 过滤器可以使用管道字符(|)添加到表达式和指令中

 eg:currency  格式化数字为货币格式 

      技术分享

 

scope (作用域)是应用在html和js之间的纽带 为一个属性 有可用的方法和属性

$scope可以做为一个参数传递

eg:技术分享

$rootScope 根作用域 可以作用在ng-app指令包含的所有html元素中

 AngularJs服务

 $location服务 可以返回当前页面的url地址

 技术分享

 $http服务 服务向服务器发送请求,应用响应服务器传送过来的数据

 eg技术分享

$timeout 函数 对应js的window.setTimeout函数

使用ng-options创建选择框

eg:  技术分享

 

angularJs 学习笔记

标签:格式化数字   ctr   roots   创建   html   ble   传递   ini   isa   

原文地址:http://www.cnblogs.com/cy1121/p/6951703.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!