feat(module-template): add a sample request to module's service

templates/module/angular/projects/my-project-name/src/lib/components/my-project-name.component.ts

@@ -1,20 +1,15 @@
 import { Component, OnInit } from '@angular/core';
+import { MyProjectNameService } from '../services/my-project-name.service';
 
 @Component({
   selector: 'lib-my-project-name',
-  template: `
-    <p>
-      my-project-name works!
-    </p>
-  `,
-  styles: [
-  ]
+  template: ` <p>my-project-name works!</p> `,
+  styles: [],
 })
 export class MyProjectNameComponent implements OnInit {
-
-  constructor() { }
+  constructor(private service: MyProjectNameService) {}
 
   ngOnInit(): void {
+    this.service.sample().subscribe(console.log);
   }
-
 }

templates/module/angular/projects/my-project-name/src/lib/my-project-name-routing.module.ts

@@ -6,10 +6,8 @@ import { MyProjectNameComponent } from './components/my-project-name.component';
 const routes: Routes = [
   {
     path: '',
-    component: DynamicLayoutComponent,
-    children: [
-      { path: '', pathMatch: 'full', component: MyProjectNameComponent },
-    ],
+    pathMatch: 'full',
+    component: MyProjectNameComponent,
   },
 ];
 

templates/module/angular/projects/my-project-name/src/lib/services/my-project-name.service.ts

@@ -1,9 +1,18 @@
 import { Injectable } from '@angular/core';
+import { RestService } from '@abp/ng.core';
 
 @Injectable({
-  providedIn: 'root'
+  providedIn: 'root',
 })
 export class MyProjectNameService {
+  apiName = 'MyProjectName';
 
-  constructor() { }
+  constructor(private restService: RestService) {}
+
+  sample() {
+    return this.restService.request<void, any>(
+      { method: 'GET', url: '/api/MyProjectName/sample' },
+      { apiName: this.apiName }
+    );
+  }
 }