AngularJS入门(用ng-repeat指令实现循环输出)__第1页
AngularJS入门(用ng-repeat指令实现循环输出)__第2页
AngularJS入门(用ng-repeat指令实现循环输出)__第3页
AngularJS入门(用ng-repeat指令实现循环输出)__第4页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、AngularJS入门(用ng-repeat指令实现循环输出)_ 这篇文章主要介绍了AngularJS入门（用ng-repeat指令实现循环输出,需要的伴侣可以参考下 循环输出列表许多项目在web服务端做，前端做好模版后后端写jsp代码，双方需要紧密合作，分清责任。有些项目由后端供应restful方法，前端用ajax调用自己循环，这种一般是大把的jquery拼字符串，太不直观，有人搞出了js模板，也没好到哪里去。 用AngularJS就爽多了，语法和JSP类似： !doctype html html ng-app head meta charset=utf-8 titleng-repeat d

2、irective/title /head body table ng-controller=CartController caption我的购物车/caption tr th序号/th th商品/th th单价/th th数量/th th金额/th th操作/th /tr tr ng-repeat=item in items td$index + 1/td /td tditem.price | currency/td tdinput ng-model=item.quantity/td tditem.quantity * item.price | currency/td t

3、d button ng-click=remove($index)Remove/button /td /tr /table script src=./lib/angularjs/1.2.26/angular.min.js/script script function CartController($scope) $scope.items = name: 雷柏（Rapoo） V500 机械嬉戏键盘 机械黄轴, quantity: 1, price: 199.00, name: 雷柏（Rapoo） V20 光学嬉戏鼠标 黑色烈焰版, quantity: 1, price: 139.00, name: AngularJS权威教程, quantity: 2, price: 84.20 ; $scope.remove = function (index) $scope.items.splice(index, 1); /script /body /html ng-repeat指令生命在需要循环内容的元素上，items和掌握器上的变量名对应，item是为数组中单个对象起的别名。$index可以返回当前引用对象的序号，从0开头，另外还有$

人人文库> 全部分类> 应用文书 > 研究报告

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论