angular增删改查

实现要求:

(1)CSS+HTML实现如图所示布局

(2)商品内容显示要隔行变色

(3)输入商品名称、价格、数量、发货地址后点击“添加”按钮后新增商品信息展示在列表中。要求商品名称(非空校验),商品价格必须大于0,商品数量必须大于0,发货地址要求做出二级联动效果(默认为河南-郑州)。若输入数据都符合要求则提示添加成功,然后在列表中展示,否则提示哪条信息输入有误。新增的商品具备以下功能要求。

(4)库存商品总价自动计算。当成功展示商品时,每条商品可以自动计算出该商品的库存总价。

(5)商品全选、反选功能。当用户点击全选按钮时选择所有的复选框。当用户反选时把之前选中的复选框变为未选中状态。

(6)批量删除功能。当用户点击批量删除时提示,若用户没有选中要删除的商品信息则提示用户先选中要删除的商品信息,否则提示用户删除

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.a1{
width: 600px;
}
tr:nth-child(odd){
background-color: white;
}
tr:nth-child(even){
background-color: darkgray;
}
</style>
</head>
<script type="text/javascript" src="js/angular.min.js" ></script>
<script>
var app=angular.module("myapp",[]).controller("myctrl",function($scope,$http){

//修改
$scope.xs=false;
$scope.xg= function(index){
$scope.xs=true;

idx=index;
$scope.gname_1=$scope.goods[index].gname;

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Angular是一种流行的前端框架,可以用于开发Web应用程序。在Angular中,可以使用一些关键的概念和功能来进行增删改查操作。 增加数据:在Angular中,可以使用表单来收集用户输入的数据,并将其绑定到组件中的属性。然后,可以使用这些属性将数据发送到服务器或将其添加到本地存储中。在你提供的引用中,可以看到一个示例的HTML代码,它展示了如何使用Angular的表单控件来收集数据。 删除数据:要删除数据,你可以使用组件中的方法来处理删除操作。这个方法可以从服务器或本地存储中删除数据。在你提供的引用中,没有直接关于删除操作的代码,但你可以在组件中定义一个方法来处理删除操作,并使用适当的逻辑来删除数据。 修改数据:要修改数据,你可以使用表单控件来显示要修改的数据,并将其绑定到组件中的属性。然后,可以使用这些属性来更新服务器上的数据或本地存储中的数据。 查询数据:要查询数据,你可以使用HTTP服务来向服务器发送请求,并获取返回的数据。你可以在组件中定义一个方法来处理查询操作,并使用适当的逻辑来处理返回的数据。 总的来说,Angular提供了丰富的功能和工具来进行增删改查操作。你可以使用表单来收集数据、使用方法来处理增删改操作,并使用HTTP服务来查询数据。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [实战Angular2+web api增删改查(三)](https://blog.csdn.net/huangyezi/article/details/51884747)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值