part-5

src/app/app.component.html

@@ -12,26 +12,17 @@
   <div id="app-side-bar" class="pure-u-1-5">
     <app-side-bar>
       <ul class="pure-menu-list">
-        <li class="pure-menu-item"><a class="pure-menu-link" href="">Dashboard</a></li>
-        <li class="pure-menu-item"><a class="pure-menu-link" href="">User</a></li>
-        <li class="pure-menu-item"><a class="pure-menu-link" href="">Setting</a></li>
-        <li class="pure-menu-item"><a class="pure-menu-link" href="">Report</a></li>
+        <li class="pure-menu-item"><a class="pure-menu-link" routerLink="/">Dashboard</a></li>
+        <li class="pure-menu-item"><a class="pure-menu-link" routerLink="/user">User</a></li>
+        <li class="pure-menu-item"><a class="pure-menu-link" routerLink="/setting">Setting</a></li>
+        <li class="pure-menu-item"><a class="pure-menu-link" routerLink="/report">Report</a></li>
       </ul>
     </app-side-bar>
   </div>
   <div id="app-main" class="pure-u-4-5">
     <app-main>
       <div id="app-base-container">
-        <p>Part 4.5</p>
-        <ul>
-          <li>
-            Install router <br />
-            <code>ng generate module app-routing --flat --module=app</code>
-          </li>
-          <li>
-            Configure router
-          </li>
-        </ul>
+        <router-outlet></router-outlet>        
       </div>
     </app-main>
   </div>

src/app/module/module-dashboard/module-dashboard.component.html

@@ -1 +1,6 @@
-<p>module-dashboard works!</p>
+<p>Part 5</p>
+<ul>
+    <li>
+        User CRUD
+    </li>
+</ul>