<link rel="stylesheet" href="//apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://cdn.staticfile.net/angular.js/1.4.6/angular.min.js"></script>
<body ng-app="myApp" ng-controller="userCtrl">
<table class="table table-striped">
<tr ng-repeat="user in users">
<button class="btn" ng-click="editUser(user.id)">
<span class="glyphicon glyphicon-pencil"></span>编辑
<td>{{ user.fName }}</td> <td>{{ user.lName }}</td><button class="btn btn-success" ng-click="editUser('new')"><span class="glyphicon glyphicon-user"></span>创建新用户
<h3 ng-show="edit">创建新用户:</h3>
<h3 ng-hide="edit">编辑用户:</h3>
<form class="form-horizontal">
<label class="col-sm-2 control-label">名:</label>
<input type="text" ng-model="fName" ng-disabled="!edit" placeholder="名">
<label class="col-sm-2 control-label">姓:</label>
<input type="text" ng-model="lName" ng-disabled="!edit" placeholder="姓">
<label class="col-sm-2 control-label">密码:</label>
<input type="password" ng-model="passw1" placeholder="密码">
<label class="col-sm-2 control-label">重复密码:</label>
<input type="password" ng-model="passw2" placeholder="重复密码">
<button class="btn btn-success" ng-disabled="error || incomplete">
<span class="glyphicon glyphicon-save"></span>修改
<script src="myUsers.js"></script>
AI 编程工具