AngularJS例子 ng-repeat遍历输出通过js的splice方法删除当前行

<!doctype html>
<html>
<head><meta charset="utf-8"><title>ng-repeat directive</title>
</head>
<body ng-app="myApp">
<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>{{item.name}}</td><td>{{item.price | currency}}</td><td><input ng-model="item.quantity"></td><td>{{item.quantity * item.price | currency}}</td><td><button ng-click="remove($index)">Remove</button></td></tr>
</table><script src="js/angular-1.3.0.14/angular.min.js"></script>
<script>var app = angular.module('myApp', []);app.controller('CartController',function($scope){$scope.items = [{name: "苹果 iPhone7", quantity: 1, price: 5088.00},{name: "荣耀Magic", quantity: 1, price: 3699.00},{name: "vivo X9", quantity: 2, price: 2798.00}];//$index包含了ng-repeat过程中的循环计数$scope.remove = function (index) {$scope.items.splice(index, 1);}})
</script>
</body>
</html>

AngularJS例子 ng-repeat遍历输出通过js的splice方法删除当前行相关推荐

js中的slice方法（开始索引,结束索引-不包含该索引元素）-截取和splice方法-删除（开始索引，删除个数）和插入-（开始索引，删除个数，插入内容）
js中的slice方法(开始索引,结束索引-不包含该索引元素)-截取和splice方法-删除(开始索引,删除个数)和插入-(开始索引,删除个数,插入内容) 1.slice(start,end)-截取 ...
js两种方法删除对象属性
js 两种方法删除对象属性 delete 语法 delete 对象.属性名示例 delete.obj.property1 不过据说很慢,不如下面的方法. Reflect.deleteProperty ...
Vue.js中splice()方法实现对数组进行删除的操作
语法结构:splice(index,len,[item]) 1.可以用来添加/删除/替换数组内某一个或者几个值 2.该方法会改变原始数组 index:数组开始下标 len: 替换/删除的长度 item ...
js遍历对象、遍历数组、js数组方法大全、区分map()和forEach()以及filter()、区分for...in...和for...of...
1.给对象添加属性:使用 object.prop 或object['prop'] 给对象添加属性 let obj={};obj.name="zhangsan";obj[" ...
js splice方法_我用JS刷LeetCode | Day 8
如有兴趣,微信搜索「九零后重庆崽儿」,我们一起学前端. 删除排序数组中的重复项: 说明:现阶段的解题暂未考虑复杂度问题首发地址: 我用JS刷LeetCode | Day 8www.brandhua ...
html中splice向数组添加元素,js中splice()的强大(删除，插入或替换数组的元素)
1.删除-用于删除元素,两个参数,第一个参数(要删除第一项的位置),第二个参数(要删除的项数) 2.插入-向数组指定位置插入任意项元素.三个参数,第一个参数(其实位置),第二个参数(0),第三个参数( ...
JS 数组添加元素、删除元素、数组去重
文章目录一.往数组中添加元素 1.array.push() 2.array.unshift() 3.array.splice() 4.扩展运算符 5.array.concat() 二.删除数组中某个 ...
js数组的增删改查方法、js截取数组方法
增加的方法: 1.push()方法向数组中末尾添加一个元素,原数组改变. 2.unshift()方法向数组中开始元素添加一个元素,原数组改变. 3.splice()方法:可以添加.删除元素.也可以截取 ...
PHP数组foreach遍历输出例子详解
通常我们对于数据遍历会使用到foreach来操作当然也有使用到while list each函数来实现了,但在方便面上来看foreach更简洁好用性能也非常的不错,下面本人整理了一款在开发应用中for ...

AngularJS例子 ng-repeat遍历输出通过js的splice方法删除当前行

AngularJS例子 ng-repeat遍历输出通过js的splice方法删除当前行相关推荐

最新文章

热门文章

AngularJS例子 ng-repeat遍历输出 通过js的splice方法删除当前行

AngularJS例子 ng-repeat遍历输出 通过js的splice方法删除当前行相关推荐

最新文章

热门文章

AngularJS例子 ng-repeat遍历输出通过js的splice方法删除当前行

AngularJS例子 ng-repeat遍历输出通过js的splice方法删除当前行相关推荐