เพิ่ม module Project

src/app/DPU/myface/myface.component.html

+<p>
+  myface works!
+</p>

src/app/DPU/myface/myface.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-myface',
+  templateUrl: './myface.component.html',
+  styleUrls: ['./myface.component.css']
+})
+export class MyfaceComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/DPU/myface/myface.module.ts

+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MyfaceComponent } from './myface.component';
+
+@NgModule({
+  imports: [
+    CommonModule
+  ],
+  declarations: [MyfaceComponent]
+})
+export class MyfaceModule { }

src/app/DPU/myhr-lite/myhr-lite.component.html

+<p>
+  myhr-lite works!
+</p>

src/app/DPU/myhr-lite/myhr-lite.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-myhr-lite',
+  templateUrl: './myhr-lite.component.html',
+  styleUrls: ['./myhr-lite.component.css']
+})
+export class MyhrLiteComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/DPU/myhr-lite/myhr-lite.module.ts

+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MyhrLiteComponent } from './myhr-lite.component';
+
+@NgModule({
+  imports: [
+    CommonModule
+  ],
+  declarations: [MyhrLiteComponent]
+})
+export class MyhrLiteModule { }

src/app/DPU/myhr-plus/myhr-plus.component.html

+<p>
+  myhr-plus works!
+</p>

src/app/DPU/myhr-plus/myhr-plus.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-myhr-plus',
+  templateUrl: './myhr-plus.component.html',
+  styleUrls: ['./myhr-plus.component.css']
+})
+export class MyhrPlusComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/DPU/myhr-plus/myhr-plus.module.ts

+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MyhrPlusComponent } from './myhr-plus.component';
+
+@NgModule({
+  imports: [
+    CommonModule
+  ],
+  declarations: [MyhrPlusComponent]
+})
+export class MyhrPlusModule { }

src/app/DPU/myjob/myjob.component.html

+<p>
+  myjob works!
+</p>

src/app/DPU/myjob/myjob.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-myjob',
+  templateUrl: './myjob.component.html',
+  styleUrls: ['./myjob.component.css']
+})
+export class MyjobComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/DPU/myjob/myjob.module.ts

+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MyjobComponent } from './myjob.component';
+
+@NgModule({
+  imports: [
+    CommonModule
+  ],
+  declarations: [MyjobComponent]
+})
+export class MyjobModule { }

src/app/DPU/mylearn/mylearn.component.html

+<p>
+  mylearn works!
+</p>

src/app/DPU/mylearn/mylearn.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-mylearn',
+  templateUrl: './mylearn.component.html',
+  styleUrls: ['./mylearn.component.css']
+})
+export class MylearnComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/DPU/mylearn/mylearn.module.ts

+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MylearnComponent } from './mylearn.component';
+
+@NgModule({
+  imports: [
+    CommonModule
+  ],
+  declarations: [MylearnComponent]
+})
+export class MylearnModule { }

src/app/DPU/myskill-x/myskill-x.component.html

+<p>
+  myskill-x works!
+</p>

src/app/DPU/myskill-x/myskill-x.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-myskill-x',
+  templateUrl: './myskill-x.component.html',
+  styleUrls: ['./myskill-x.component.css']
+})
+export class MyskillXComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/DPU/myskill-x/myskill-x.module.ts

+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MyskillXComponent } from './myskill-x.component';
+
+@NgModule({
+  imports: [
+    CommonModule
+  ],
+  declarations: [MyskillXComponent]
+})
+export class MyskillXModule { }

src/app/DPU/zeeme/zeeme.component.html

+<p>
+  zeeme works!
+</p>

src/app/DPU/zeeme/zeeme.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-zeeme',
+  templateUrl: './zeeme.component.html',
+  styleUrls: ['./zeeme.component.css']
+})
+export class ZeemeComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/DPU/zeeme/zeeme.module.ts

+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ZeemeComponent } from './zeeme.component';
+
+@NgModule({
+  imports: [
+    CommonModule
+  ],
+  declarations: [ZeemeComponent]
+})
+export class ZeemeModule { }