AngularJS学习笔记
来源:互联网 发布:play for java 编辑:程序博客网 时间:2024/05/29 14:13
AngularJS学习笔记
AngularJS是一个JavaScript 框架。它可通过 <script> 标签添加到 HTML 页面。
AngularJS通过指令扩展了HTML,且通过表达式绑定数据到HTML。
在数据变化或是表单变化时,能够实时同步。
$scope (相当于作用域、控制范围)用来保存AngularJS Model(模型)的对象。
服务是一个函数或对象,可在你的 AngularJS 应用中使用。
1.指令:
AngularJS 通过 ng-directives 扩展了 HTML。
ng-include 指令包含 HTML 内容。
ng-app 指令定义一个 AngularJS 应用程序。
ng-controller用于定义一个控制器。
ng-init 指令初始化应用程序数据。
ng-model 指令把元素值(比如输入域的值)绑定到应用程序。
ng-bind 指令把应用程序数据绑定到 HTML 视图。
ng-repeat 指令会重复一个 HTML 元素。
ng-disabled 指令直接绑定应用程序数据到 HTML 的 disabled 属性。
ng-show 指令隐藏或显示一个 HTML 元素。
ng-hide 指令用于隐藏或显示 HTML 元素。
过滤器使用一个管道字符(|)添加到表达式和指令中。
<divng-app="myApp"ng-controller="personCtrl">
<p>姓名为{{ lastName | uppercase }}</p>
</div>
<p>姓名为{{ lastName | uppercase }}</p>
</div>
<divng-app="myApp"ng-controller="costCtrl">
<input type="number" ng-model="quantity">
<input type="number" ng-model="price">
<p>总价 ={{ (quantity * price) | currency }}</p>
</div>
<input type="number" ng-model="quantity">
<input type="number" ng-model="price">
<p>总价 ={{ (quantity * price) | currency }}</p>
</div>
<divng-app="myApp"ng-controller="namesCtrl">
<ul>
<li ng-repeat="x in names | orderBy:'country'">
{{ x.name + ', ' + x.country }}
</li>
</ul>
<div>
<ul>
<li ng-repeat="x in names | orderBy:'country'">
{{ x.name + ', ' + x.country }}
</li>
</ul>
<div>
2.事件ng-click 指令定义了 AngularJS 点击事件。
0 0
- AngularJs学习笔记--Forms
- AngularJS入门学习笔记
- AngularJS学习笔记
- AngularJS 学习笔记(邹业盛)
- AngularJs学习笔记--bootstrap
- AngularJs学习笔记--directive
- AngularJs学习笔记--directive
- AngularJs学习笔记--bootstrap
- AngularJs学习笔记--expression
- AngularJs学习笔记--Forms
- AngularJs学习笔记--Modules
- AngularJs学习笔记--Scope
- angularjs学习笔记一
- angularJS学习笔记二
- angularjs学习笔记
- AngularJS学习笔记
- AngularJS学习笔记
- AngularJS学习笔记
- 内存溢出 java.lang.OutOfMemoryError: PermGen space解决办法
- C++学习经典书籍
- 数据削重的利器--cuckoo filter
- Android Contacts(一)—— 读取联系人
- PHP PSR-1 基本代码规范
- AngularJS学习笔记
- 我来了,记录些吧
- 安卓应用首次启动白屏的原因总结
- Android自定义组件之日历控件-精美日历实现(内容、样式可扩展)
- linux-shell(3) 后台命令【自己的笔记】
- atoi()函数使用注意事项
- JSP和servlet之间的相对路径和绝对路径
- 浅谈linux内核中的I2c驱动(2)
- Properties