首页 > 代码库 > angularJs 学习笔记

angularJs 学习笔记

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 学习笔记