购物车

最新推荐文章于 2023-05-26 14:36:40 发布

hao741100265

最新推荐文章于 2023-05-26 14:36:40 发布

阅读量374

点赞数

本文链接：https://blog.youkuaiyun.com/hao741100265/article/details/42570023

版权

一个购物车的代码

<html ng-app>
<head>
    <title>Your Shopping Cart</title>
    <script type="text/javascript">
        function CartController($scope) {
            $scope.items = [
                {title:'Paint pots',quantity:8,price:3.95},
                {title:'Polka dots',quantity:17,price:12.95},
                {title:'Pebbles',quantity:5,price:6.95}
            ];
            $scope.remove = function(index) {
                $scope.items.splice(index,1);
            }
        }
    </script>
</head>
<body ng-controller='CartController'>
    <h1>Your Order</h1>
    <div ng-repeat='item in items'>  //复制包括div
        <span>{{item.title}}</span>
        <input ng-model='item.quantity'>
        <span>{{item.price | currency}}</span>  //货币过滤器
        <span>{{item.price * item.quantity | currency}}</span>
        <button ng-click="remove($index)">Remove</button>
    </div>
    <script type="text/javascript" src="angular.min.js"></script>
</body>
</html>