angularJS增刪改查敏感字
阿新 • • 發佈:2019-01-02
if($scope.shang[i].state == true) {
$scope.shang.
i--;
}
}
}
}
//判斷日期
$scope.valu = function(m){
var mm = m.getMonth() +1;
var start = $scope.ks;
var end = $scope.js;
if(start==undefined ||start==""){
start=1;
}
if(end == undefined || end == ""){
end=12;
}
if(mm >= start && mm <=end){
return true;
}else{
return false;
}
}
})
</script>
</head>
<body ng-app="myapp" ng-controller="mycon">
<input type="text" placeholder="使用者名稱搜尋" ng-model="mohu"/>
<input type="text" placeholder="手機號搜尋" ng-model="shou"/>
<select ng-model="cheng" >
<option value="">選擇城市</option>
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="遼寧">遼寧</option>
<option value="深圳">深圳</option>
</select>
<select ng-model="zta">
<option value="">選擇狀態</option>
<option value="已發貨">已發貨</option>
<option value="未發貨">未發貨</option>
</select>
<select ng-model="ks"><option value="">開始時間</option><option ng-repeat="a in arr">{{a}}</option></select>
<select ng-model="js"><option value="">結束時間</option><option ng-repeat="a in arr">{{a}}</option></select>
<select ng-model="pai">
<option value="">ID排序</option>
<option value="id">正序排序</option>
<option value="-id">倒序排序</option>
</select><br /><br>
<button class="an1" ng-click="jia=true">新增訂單</button>
<button class="an2">批量發貨</button>
<button class="an3" ng-click="pisan()">批量刪除</button>敏感字:米(商品名)->替換*<br><br>
<table cellpadding="15" cellspacing="0" border="1">
<thead>
<tr bgcolor="darkgray">
<th><input type="checkbox" ng-model="quan" ng-click="xuan()"></th>
<th>ID</th>
<th>商品名</th>
<th>使用者名稱</th>
<th>手機號</th>
<th>價格</th>
<th>城市</td>
<th>下單時間</th>
<th>狀態</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="diao in shang | filter:{name:mohu}|filter:{shouji:shou}|filter:{chengshi:cheng} | orderBy:pai | filter:{tai:zta}" ng-show="valu(diao.xiadan)" align="center">
<td><input type="checkbox" ng-model="diao.state"></td>
<td ng-if="">{{$index}}</td>
<td>{{diao.id}}</td>
<td>{{diao.usname}}</td>
<td>{{diao.name}}</td>
<td>{{diao.shouji}}</td>
<td>{{diao.jiage | currency:'¥'}}</td>
<td>{{diao.chengshi}}</td>
<td>{{diao.xiadan | date:"MM-dd hh:mm"}}</td>
<td>
<span ng-if="diao.tai=='已發貨'">已發貨</span>
<span ng-if="diao.tai=='未發貨'">
<a href="#" ng-click="diao.tai='已發貨'">未發貨</a>
</span>
</td>
<td><button>修改</button> <button ng-click="sanchu($index)">刪除</button></td>
</tr>
</tbody>
</table>
<p ng-show="jia">
ID:<input type="text" ng-model="x_id"/><br>
商品名:<input type="text" ng-model="x_usname"/><br />
使用者名稱:<input type="text" ng-model="x_name"/><br />
手機號:<input type="text" ng-model="x_shouji"/><br />
價格:<input type="text" ng-model="x_jiage"/><br />
城市:<input type="text" ng-model="x_chengshi"/><br />
<button ng-click="tianjia()">OK</button>
</p>
</body>
</html>
$scope.shang.
i--;
}
}
}
}
//判斷日期
$scope.valu = function(m){
var mm = m.getMonth() +1;
var start = $scope.ks;
var end = $scope.js;
if(start==undefined ||start==""){
start=1;
}
if(end == undefined || end == ""){
end=12;
}
if(mm >= start && mm <=end){
return true;
}else{
return false;
}
}
})
</script>
</head>
<body ng-app="myapp" ng-controller="mycon">
<input type="text" placeholder="使用者名稱搜尋" ng-model="mohu"/>
<input type="text" placeholder="手機號搜尋" ng-model="shou"/>
<select ng-model="cheng" >
<option value="">選擇城市</option>
<option value="北京">北京</option>
<option value="上海">上海</option>
<option value="遼寧">遼寧</option>
<option value="深圳">深圳</option>
</select>
<select ng-model="zta">
<option value="">選擇狀態</option>
<option value="已發貨">已發貨</option>
<option value="未發貨">未發貨</option>
</select>
<select ng-model="ks"><option value="">開始時間</option><option ng-repeat="a in arr">{{a}}</option></select>
<select ng-model="js"><option value="">結束時間</option><option ng-repeat="a in arr">{{a}}</option></select>
<select ng-model="pai">
<option value="">ID排序</option>
<option value="id">正序排序</option>
<option value="-id">倒序排序</option>
</select><br /><br>
<button class="an1" ng-click="jia=true">新增訂單</button>
<button class="an2">批量發貨</button>
<button class="an3" ng-click="pisan()">批量刪除</button>敏感字:米(商品名)->替換*<br><br>
<table cellpadding="15" cellspacing="0" border="1">
<thead>
<tr bgcolor="darkgray">
<th><input type="checkbox" ng-model="quan" ng-click="xuan()"></th>
<th>ID</th>
<th>商品名</th>
<th>使用者名稱</th>
<th>手機號</th>
<th>價格</th>
<th>城市</td>
<th>下單時間</th>
<th>狀態</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="diao in shang | filter:{name:mohu}|filter:{shouji:shou}|filter:{chengshi:cheng} | orderBy:pai | filter:{tai:zta}" ng-show="valu(diao.xiadan)" align="center">
<td><input type="checkbox" ng-model="diao.state"></td>
<td ng-if="">{{$index}}</td>
<td>{{diao.id}}</td>
<td>{{diao.usname}}</td>
<td>{{diao.name}}</td>
<td>{{diao.shouji}}</td>
<td>{{diao.jiage | currency:'¥'}}</td>
<td>{{diao.chengshi}}</td>
<td>{{diao.xiadan | date:"MM-dd hh:mm"}}</td>
<td>
<span ng-if="diao.tai=='已發貨'">已發貨</span>
<span ng-if="diao.tai=='未發貨'">
<a href="#" ng-click="diao.tai='已發貨'">未發貨</a>
</span>
</td>
<td><button>修改</button> <button ng-click="sanchu($index)">刪除</button></td>
</tr>
</tbody>
</table>
<p ng-show="jia">
ID:<input type="text" ng-model="x_id"/><br>
商品名:<input type="text" ng-model="x_usname"/><br />
使用者名稱:<input type="text" ng-model="x_name"/><br />
手機號:<input type="text" ng-model="x_shouji"/><br />
價格:<input type="text" ng-model="x_jiage"/><br />
城市:<input type="text" ng-model="x_chengshi"/><br />
<button ng-click="tianjia()">OK</button>
</p>
</body>
</html>