用angulajs里面的ng-model实现input的默认值,ng-click来实现点击,用ng-if来判断“购物车清单”是否需要显示,用ng-repeate来实现购物车里面的内容的循环输出。
HTML代码如下
[code lang="html"]
<body ng-app="app">
<div ng-controller="FCtrl">
<h2>{{data2.msg}}</h2>
<input type="text" ng-model="data2.shopcart['0']">
</div>
<div ng-controller="Shopping">
<input type="text" class="formcontrol" ng-model="goods">
<span class="input-group-btn">
<div class="button" ng-click="buy()">添加</div>
</span>

<h1 ng-if="shopcart.length>0">购物车清单</h1>
<ul class="list-group">
<li ng-repeat="item in shopcart track by $index">{{item}}
<a ng-click="shopcart.splice($index,1)">删除</a></li>
</ul>
</div>
</body>
[/code]
Javascript代码如下:
[code lang="javascript"]
angular.module("app",[])
.controller('FCtrl',function($scope,Data2){
$scope.data2=Data2;
})
.controller('Shopping',function($scope,Data2){ //购物车
$scope.shopcart=Data2.shopcart;
$scope.buy=function(){
$scope.shopcart.push($scope.goods);
}
})
[/code]


1 条评论

普若木特 · 2016/05/18 19:38

各种实用

[回复]

发表评论

电子邮件地址不会被公开。 必填项已用*标注