本文共 1509 字,大约阅读时间需要 5 分钟。
//使用config配置路由规则
app.config(["$routeProvider",function($routeProvider){
$routeProvider
.when("/",{
template:""
})
.when("/addUser",{
controller:"addUserCtrl",
templateUrl:"addUser.html"
})
.when("/updatePwd",{
controller:"updatePwdCtrl",
templateUrl:"updatePwd.html"
})
.otherwise({redirectTo:"/addUser"});
}]);
//控制器
app.controller("myCtrl", function($scope,$location) {
//初始化数据
$scope.person = [{
id: 1,
name: "wg",
pswd: 111,
age: 20,
sex: "男"
}, {
id: 2,
name: "zs",
pswd: 111,
age: 20,
sex: "男"
}, {
id: 3,
name: "hha",
pswd: 111,
age: 19,
sex: "男"
}];
//全部删除功能代码
$scope.removeAll=function(index){
if(confirm("确定全部删除吗?")){
$scope.person.splice(index);
}
};
//删除单条信息
$scope.remove=function(index){
if(confirm("确定删除吗?")){
$scope.person.splice(index,1);
}
}
//定义页面跳转方法
$scope.goToUrl = function(path){
$location.path(path);
}
});
//定义添加用户控制器 app.controller("addUserCtrl",function($scope){
$scope.addStudent = function() { //添加学生函数
$scope.person.push({
name: $scope.newName,
age: $scope.newAge,
id: $scope.person.length + 1,
pswd: $scope.newPwd,
sex: $scope.newSex
});
$scope.newName = '';
$scope.newId = '';
$scope.newPwd = '';
$scope.newSex = '';
};
});
//定义修改用户控制器 app.controller("updatePwdCtrl",function($scope,$routeParams){
alert("修改控制器");
$scope.name = $routeParams.name;
alert($scope.name);
});
//body里面的内容
男 女 | 全部删除 | |||||
id | 用户名 | 密码 | 年龄 | 性别 | 修改密码 | 删除 |
//循环遍历数组中的数据,使用到过滤器,实现模糊查询
{ {a.id}}{ {a.name}}{ {a.pswd}}{ {a.age}}{ {a.sex}}//点击此按钮,触发方法,然后使用路由,跳转到设置好的页面
修改密码删除添加用户
用户名: | |
---|---|
密 码: | |
年 龄: | |
性 别: | |
用户名: | |
---|---|
旧密码: | |
新密码: | |
确 认: | |
转载地址:http://vxkdy.baihongyu.com/