初入AngularJS基础门
Posted 筱qian
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了初入AngularJS基础门相关的知识,希望对你有一定的参考价值。
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基础门的主要内容,如果未能解决你的问题,请参考以下文章