##創建用戶數據
1. 創建一個data數組來模擬保存從數據庫中讀取的數據
~~~
$scope.data = [
{
name:"張三",
age:20,
sex:"男"
},
{
name:"李四",
age:18,
sex:"女"
},
{
name:"王五",
age:30,
sex:"男"
}
];
~~~
2. 把數據放到C:/demo/App/Modules/System/Controllers/User/UserSystemCtrl.js 文件控制器里
3. 修改視圖C:/demo/App/Modules/System/Views/User/UserView.html把數據遍歷出來
##用戶管理 的demo代碼
1.C:/demo/App/Modules/System/Controllers/User/UserSystemCtrl.js 控制器所有代碼
~~~
/**
* 自動創建于：2017-03-24 13:02:07
*/
(function () {
"use strict";
angular.module("App").controller("UserSystemCtrl",["$rootScope","$scope",function ($rootScope,$scope) {
$scope.data = [
{
name:"張三",
age:20,
sex:"男"
},
{
name:"李四",
age:18,
sex:"女"
},
{
name:"王五",
age:30,
sex:"男"
}
];
}]);
})();
~~~
2.C:/demo/App/Modules/System/Views/User/UserView.html 視圖所有代碼
~~~
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
用戶管理
</h3>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-12">
<table class="table table-hover">
<thead>
<tr>
<th>
#
</th>
<th>
姓名
</th>
<th>
年齡
</th>
<th>
性別
</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="o in data">
<td>
{{$index+1}}
</td>
<td>
{{o.name}}
</td>
<td>
{{o.age}}
</td>
<td>
{{o.sex}}
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
~~~
