一生不羁放纵(小功能)

//查询

<input placeholder="查询名字" ng-model="search" />

filter:{'name':search}

//查询+按钮

<input placeholder="查询名字" ng-model="name" /><button ng-click="filName()">查询</button>

filter:flag

//过滤姓名
$scope.name = "";
$scope.flag = "";
$scope.flag2 = false;
$scope.filName = function() {
if($scope.name.indexOf("敏感字符") >= 0) {
alert("不能包含敏感字符");
$scope.flag = "";
}
if($scope.name == "") {
alert("请输入姓名");
$scope.flag = "";
} else {
for(index in $scope.goods) {
if($scope.name == $scope.goods[index].name) {
$scope.flag = $scope.name;
$scope.flag2 = true;
} else if($scope.goods[index].name.indexOf($scope.name) >= 0) {
$scope.flag = $scope.name;
$scope.flag2 = true;
} else {


}
}
}

if(!$scope.flag2) {
alert("没有找到匹配项");
}
}

//正序逆序 年龄简单排

<select ng-model="ageOrder">
<option value="">请选择</option>
<option value="age">年龄逆序</option>
<option value="-age">年龄正序</option>
</select>

 orderBy:ageOrder

//复杂

orderBy: (orderFlag+orderLine)

$scope.pai;
$scope.bian = function() {
//判断正序逆序
if($scope.pai == "age") {
$scope.orderFlag = "";
$scope.orderLine = "age"
} else if($scope.pai == "-age") {
$scope.orderFlag = "-";
$scope.orderLine = "age";
}if($scope.pai == "money") {
$scope.orderFlag = "";
$scope.orderLine = "money"
} else if($scope.pai == "-money") {
$scope.orderFlag = "-";
$scope.orderLine = "money";
};
}

<select ng-model="pai" ng-change="bian()">
<option value="">请选择</option>
<option value="age">年龄正序</option>
<option value="-age">年龄逆序</option>
<option value="money">薪资正序</option>
<option value="-money">薪资逆序</option>
</select>

//添加用户

$scope.isShow = false;
$scope.show = function() {
if($scope.isShow) {
$scope.isShow = false;
} else {
$scope.isShow = true;
}
}

$scope.newAge = "";
$scope.newName = "";
$scope.checkAge = function() {
if($scope.newAge == "" || $scope.newAge == null) {
alert("年龄不能为空");
} else if(isNaN($scope.newAge)) {
alert("年龄格式不正确")
} else if($scope.newAge < 0 || $scope.newAge > 150) {
alert("输入的不是人的年龄")
} else {
var peo = {
name: $scope.newName,
age: parseInt($scope.newAge),
money: $scope.newMoney,
addr: $scope.newAddr
};
$scope.goods.push(peo);
}
}

<button ng-click="show()">添加</button>

<div ng-show="isShow">
<h3>添加用户</h3> 用户名：
<input type="text" placeholder="请输入用户名" ng-model="newName" /><br /><br /> 年龄：
<input type="text" placeholder="请输入年龄" ng-model="newAge" /><br /><br /> 薪资：
<input type="text" placeholder="请输入薪资" ng-model="newMoney" /><br /><br />地址：
<input type="text" placeholder="请输入地址" ng-model="newAddr" /><br /><br />
<input type="button" ng-click="checkAge()" value="提交" />
</div>

//添加简单

$scope.isShow = false;
$scope.show = function() {
if($scope.isShow) {
$scope.isShow = false;
} else {
$scope.isShow = true;
}
}


//入库
$scope.show = false; //不显示
$scope.add = function() {
$scope.show = true; //显示
}
$scope.tj = function() {
//添加
$scope.goods.push({
name: $scope.names,
age: $scope.ages,
money: $scope.moneys,
addr: $scope.addrs,
});
$scope.show = false;
}

<button ng-click="add()">入库</button>

<div ng-show="show">
<h3>添加用户</h3> 用户名：
<input type="text" placeholder="请输入用户名" ng-model="names" /><br /><br /> 年龄：
<input type="text" placeholder="请输入年龄" ng-model="ages" /><br /><br /> 薪资：
<input type="text" placeholder="请输入薪资" ng-model="moneys" /><br /><br />地址：
<input type="text" placeholder="请输入地址" ng-model="addrs" /><br /><br />
<button ng-click="tj()">提交</button>
</div>

//删除下标ng-click="del($index)"

$scope.del = function(index){
$scope.goods.splice(index,1);

}

//删除名字 ng-click="del(good.name)"
$scope.del = function(delName) {
for(index in $scope.goods) {
if(delName == $scope.goods[index].name) {
$scope.goods.splice(index, 1);
}
}

}

//按钮

button {
background: #5CD6FF;
}

p {
display: inline;
background: #FFFF00;
}

.red {
border: 1px solid red;
}

<div ng-show="show">
<h5>添加订单信息</h5>

  id<input type="text" ng-model="idNext" ng-class="{red:check}">
<P ng-show="tishi">id不能为空</P><br>
<button ng-click="tj()">保存</button>
</div>

<button ng-click="addUser()">新增订单</button>

//入库
//点击显示
$scope.show = false;
$scope.addUser = function() {
$scope.show = true;
};
$scope.check = false;
$scope.tj = function() {
if($scope.id == null) {
$scope.check = true;
$scope.tishi = true;
return;
} else {
$scope.data.push({
id: $scope.idNext,
});
$scope.id = null;

$scope.check = false;
$scope.show = false;
$scope.tishi = false;
}
}

//排序

<th>id<button ng-click="sort('price')">排序</button></th>

orderBy:cc:dd

$scope.dd = false;
$scope.cc = "id";
$scope.sort = function(couldm) {
if($scope.cc == couldm) {
$scope.dd = !$scope.dd;
}
$scope.cc = couldm;
}

date:"MM-dd hh:ss:mm"

|currency:"¥:"