<%@ Page Language="C#" AutoEventWireup="true" CodeFile="2.aspx.cs" Inherits="anglarJS_2" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,
minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
<title></title>
<%--<script type="text/javascript" src="../js/angular.min.js" ></script>
<script type="text/javascript" src="../js/jquery-3.3.1.min.js" ></script>--%>
<script src="../Scripts/angular.min.js"></script>
<script src="../Scripts/jquery-1.7.1.min.js"></script>
<style>
th,td{
width: 80px;
text-align: center;
}
/**定义两个颜色样式**/
.yellow{
background-color: yellow;
}
.red{
background-color: red;
}
</style>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<center>
<div>查询:<input type="text" ng-model="seacherKey"/>
排序:<select ng-model="orderKey">
<option value="">--请选择--</option>
<option value="name">名称正序</option>
<option value="-name">名称倒序</option>
<option value="price">价钱正序</option>
<option value="-price">价钱倒序</option>
</select>
<!--是否显示添加区域的快关,,,showAdd=!showAdd 表示 逆操作-->
<input type="button" value="入库/增加" ng-click="showAdd=!showAdd"/>
</div>
<br />
<div ng-sh