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

初入AngularJS基础门

时间:2016-08-29 17:31:30      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:

AngularJS 构建一个CRUD ( create retrieve update delete )的应用,

其内容:数据绑定{{}}、基本模版标识符、表单数据、路由、深度链接、组件重用、依赖注入;

代码解析:

ng-app 标记了angularJS脚本的作用域。

{{ }}双大括号--angularjs的核心功能-绑定。

angular expression 表达式 是一种类似于javascript的代码片段,尽在起作用域中运行,而不是整个dom中运行。

指令:ng-app 初始化一个angularjs应用程序

         ng-init 指令初始化应用程序数据

         ng-model 指令 把元素值绑定到应用程序

         ng-repeat 重复一个html元素 循环一个对象数组

$scope作用域 是应用在html 视图和 javascript控制器之间的纽带 

          使用:创建控制器时,可以将$scope对象当作一个参数传递

$rootScope 根作用域可作用于整个应用中。

过滤器:currency 格式化数字为货币格式

            filter 从数组项中选择一个子集

            lowercase 格式化字符串为小写

            orderBy根据某个表达式排列数组

           uppercase 格式化字符串为大写

$http.get(url).success(function(response){}) 用于读取服务器数据的函数

select(选择框)

           ng-options指令 来创建一个下拉列表,列表项通过对象和数组来循环

           ng-repeat 指令 来创建下拉列表 

html dom元素的属性绑定应用数据的指令

           ng-disabled 指令   <input type=‘button‘ ng-disabled = ‘true‘>

           ng-show                                              ng-show = ‘true‘

           ng-hide 

事件

           ng-click                                      <button ng-click="count=count+1">

 

初入AngularJS基础门

标签:

原文地址:http://www.cnblogs.com/yxiaoqian/p/5818776.html

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