AngularJS入门用ng-repeat指令实现循环输出

<p style="text-align: left; padding-bottom: 0px; widows: 1; text-transform: none; background-color: rgb(255,255,255); text-indent: 0px; margin: 8px 0px; padding-left: 0px; letter-spacing: 0px; padding-right: 0px; font: 12px/22px 'Microsoft YaHei',Verdana,sans-serif,宋体; word-wrap: break-word; white-space: normal; color: rgb(51,51,51); word-break: break-all; word-spacing: 0px; padding-top: 0px; -webkit-text-stroke-width: 0px">循环输出列表很多项目在web服务端做,前端做好模版后后端写jsp代码,双方需要紧密合作,分清责任。有些项目由后端提供restful方法,前端用ajax调用自己循环,这种一般是大把的jquery拼字符串,太不直观,有人搞出了js模板,也没好到哪里去。


<p style="text-align: left; padding-bottom: 0px; widows: 1; text-transform: none; background-color: rgb(255,51); word-break: break-all; word-spacing: 0px; padding-top: 0px; -webkit-text-stroke-width: 0px">

用AngularJS就爽多了,语法和JSP类似:


<div class="jb51code">
<pre class="brush:xhtml;">
<!doctype html>

<Meta charset="utf-8"> ng-repeat directive 我的购物车序号 <script src="../lib/angularjs/1.2.26/angular.min.js">

normal; display: inline !important; font: 12px/22px 'Microsoft YaHei',宋体; white-space: normal; float: none; color: rgb(51,51); word-spacing: 0px; -webkit-text-stroke-width: 0px">ng-repeat指令生命在需要循环内容的元素上,items和控制器上的变量名对应,item是为数组中单个对象起的别名。$index可以返回当前引用对象的序号,从0开始,另外还有$first、$middle、$last可以返回布尔值,用于告诉你当前元素是否是集合中的第一个间的最后一个元素。

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...
商品 单价 数量 金额 操作