<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="lib/bootstrap.css" />
<script src="lib/bootstrap.js"></script>
<script src="lib/font-fontawesome-ae333ffef2.js"></script>
<script src="lib/angular.js"></script>
<script src="lib/angular-route.js"></script>
<script>
var app = angular.module("myApp", ["ngRoute"]);
app.config(function ($routeProvider) {
$routeProvider
.when("/list-phone", {
templateUrl: "pages/list.html",
controller: "list-control",
})
.when("/phone/add", {
templateUrl: "pages/create.html",
controller: "create-control",
})
.when("/detail/phone/:id", {
templateUrl: "pages/detail.html",
controller: "detail-control",
})
.when("/edit/phone/:id", {
templateUrl: "pages/edit.html",
controller: "edit-control",
});
});
</script>
<script src="pages/create.js"></script>
<script src="pages/detail.js"></script>
<script src="pages/edit.js"></script>
<script src="pages/list.js"></script>
</head>
<body ng-app="myApp">
<ddiv class="container-fluid">
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="#!list-phone">List</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#!phone/add">Add</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#!detail/phone/SP001">Detail</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#!edit/phone/SP001">Edit</a>
</li>
</ul>
<div ng-view class="container-fluid"></div>
</ddiv>
</body>
</html>