Javascript angularjs中带检查条件的推送数组 仪表板Ctrl
htmlJavascript angularjs中带检查条件的推送数组 仪表板Ctrl,javascript,html,angularjs,twitter-bootstrap,Javascript,Html,Angularjs,Twitter Bootstrap,html 非常好的报价 移动平板 三五折 仪表板 类别 颜色 价格 {{y.pricename}} 智能手机 高达15%的折扣 最新十大 手机及配件 显示结果:0-1 滤波输入 {{item.category} 价格 {{item.Price | currency}} 总计{{item.qty*item.Price | currency} 添加到购物车 {{item.category} 价格 {{item.Price | currency}} 总计{{it
非常好的报价
移动平板
三五折
-
仪表板
类别
颜色
-
价格
- {{y.pricename}}
智能手机
高达15%的折扣
最新十大
手机及配件
显示结果:0-1
滤波输入
{{item.category}
价格
{{item.Price | currency}}
总计{{item.qty*item.Price | currency}
添加到购物车
{{item.category}
价格
{{item.Price | currency}}
总计{{item.qty*item.Price | currency}
添加到购物车
{{item.category}
价格
{{item.Price | currency}}
总计{{item.qty*item.Price | currency}
添加到购物车
运货马车
{{product.qty+'x'+product.category+'=Total'}{{{product.Price*product.qty}货币}
&抄袭;2018商店。版权所有
如果您需要If条件,是什么阻止您添加If条件
$scope.addToCart = function (item) {
if( /* some conditions are met */ ) {
//do something
} else {
//do something else
}
item.qty++;
$rootScope.$broadcast('addProduct', item.Price);
$scope.myCartItems.push(item);
}
我正在构建一个购物车,但我想将if条件添加到cart(item)中。当询问由您的代码引起的问题时,如果您提供人们可以用来重现问题的代码,您将得到更好的答案。该代码应该是…最小的-使用尽可能少的代码,仍然会产生相同的问题。请参阅。我想在$scope.myCartItems中设置item.qty的值以避免angularjs中出现重复错误我想在$scope.myCartItems中设置item.qty的值以避免angularjs中出现重复错误
<body>
<!-- banner -->
<div class="banner banner1">
<div class="container">
<h2>Great Offers on
<span>Mobiles</span> Flat
<i>35% Discount</i>
</h2>
</div>
</div>
<!-- breadcrumbs -->
<div class="breadcrumb_dress">
<div class="container">
<ul>
<li>
<span class="glyphicon glyphicon-home" aria-hidden="true"></span> Dashboard</a>
</li>
</ul>
</div>
</div>
<!-- //breadcrumbs -->
<!-- mobiles -->
<div class="mobiles">
<div class="container">
<div class="w3ls_mobiles_grids">
<div class="col-md-4 w3ls_mobiles_grid_left">
<div class="w3ls_mobiles_grid_left_grid">
<h3>Categories</h3>
</div>
<div class="w3ls_mobiles_grid_left_grid">
<h3>Color</h3>
<div class="w3ls_mobiles_grid_left_grid_sub">
<div class="ecommerce_color" ng-repeat="x in Color ">
<ul>
<li>
<a href="javascript:void[0]">
<i></i> {{x.colorname+x. number}}</a>
</li>
</ul>
</div>
</div>
</div>
<div class="w3ls_mobiles_grid_left_grid">
<h3>Price</h3>
<div class="w3ls_mobiles_grid_left_grid_sub">
<div class="ecommerce_color ecommerce_size" ng-repeat="y in Price ">
<ul>
<li>{{y.pricename}}</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-8 w3ls_mobiles_grid_right">
<!-- <div id='z'>{{ze}}</div> -->
<div class="col-md-6 w3ls_mobiles_grid_right_left">
<div class="w3ls_mobiles_grid_right_grid1">
<img src="images/46.jpg" alt=" " class="img-responsive" />
<div class="w3ls_mobiles_grid_right_grid1_pos1">
<h3>Smart Phones
<span>Up To</span> 15% Discount</h3>
</div>
</div>
</div>
<div class="col-md-6 w3ls_mobiles_grid_right_left">
<div class="w3ls_mobiles_grid_right_grid1">
<img src="images/47.jpg" alt=" " class="img-responsive" />
<div class="w3ls_mobiles_grid_right_grid1_pos">
<h3>Top 10 Latest
<span>Mobile </span>& Accessories</h3>
</div>
</div>
</div>
<div class="w3ls_mobiles_grid_right_grid2">
<div class="w3ls_mobiles_grid_right_grid2_left">
<h3>Showing Results: 0-1</h3>
</div>
<div class="w3ls_mobiles_grid_right_grid2_right">
<p>Filtering Inputs </p>
<input type="text" ng-model="search">
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-4 col-sm-4 col-lg-4">
<div ng-repeat="item in Products1 | filter:search | orderBy:'category' track by $index">
<img ng-src="{{item.url}}">
<br> {{item.category}}
<br>
<label>Price</label>
{{item.Price | currency}}
<br>
<input type="number" ng-model="item.qty" min="1" class="qty">
<br>
<label>Total</label> {{ item.qty * item.Price | currency }}
<br>
<div class="simpleCart_shelfItem">
<button type="submit" class="w3ls-cart" ng-click="addToCart(item)" value="Save Data">Add to cart</button>
<br>
<br>
</div>
</div>
</div>
<div class="col-md-4 col-sm-4 col-lg-4">
<div ng-repeat="item in Products2 | filter:search | orderBy:'category'">
<img ng-src="{{item.url}}">
<br> {{item.category}}
<br>
<label>Price</label>
{{item.Price | currency}}
<br>
<input type="number" ng-model="item.qty" min="1" class="qty">
<br>
<label>Total</label> {{ item.qty * item.Price | currency }}
<br>
<div class="simpleCart_shelfItem">
<button type="submit" class="w3ls-cart" ng-click="addToCart(item)" value="Save Data">Add to cart</button>
<br>
<br>
</div>
</div>
</div>
<div class="col-md-4 col-sm-4 col-lg-4">
<div ng-repeat="item in Products3 | filter:search | orderBy:'id'">
<img ng-src="{{item.url}}">
<br> {{item.category}}
<br>
<label>Price</label>
{{item.Price | currency}}
<br>
<input type="number" ng-model="item.qty" min="1" class="qty">
<br>
<label>Total</label> {{ item.qty * item.Price | currency }}
<br>
<div class="simpleCart_shelfItem">
<button type="submit" class="w3ls-cart" ng-click="addToCart(item)" value="Save Data">Add to cart</button>
<br>
<br>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- footer -->
<div class="footer">
<div class="container">
<div class="clearfix"> </div>
<div class="footer-copy">
<div class="footer-copy1">
<div class="footer-copy-pos">
<a href="javascript:void[0]" class="scroll">
<img src="images/arrow.png" alt=" " class="img-responsive" />
</a>
</div>
</div>
<h2>Cart</h2>
<div ng-repeat="product in myCartItems">
{{product.qty + ' x ' +product.category+'= Total '}}{{product.Price*product.qty | currency}}
<a href ng:click="removeItem($index)">X</a>
</div>
<div class="container">
<p>© 2018 Store. All rights reserved
</p>
</div>
</div>
</div>
<!-- //footer -->
</body>
$scope.addToCart = function (item) {
if( /* some conditions are met */ ) {
//do something
} else {
//do something else
}
item.qty++;
$rootScope.$broadcast('addProduct', item.Price);
$scope.myCartItems.push(item);
}