feat(material/schematics): enable routing option (#19439)

Author: santoshyadavdev

src/material/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html.template

@@ -5,9 +5,9 @@
       [opened]="(isHandset$ | async) === false">
     <mat-toolbar>Menu</mat-toolbar>
     <mat-nav-list>
-      <a mat-list-item href="#">Link 1</a>
-      <a mat-list-item href="#">Link 2</a>
-      <a mat-list-item href="#">Link 3</a>
+      <a mat-list-item <%= routing ? 'routerLink="/"' : 'href="#"' %>>Link 1</a>
+      <a mat-list-item <%= routing ? 'routerLink="/"' : 'href="#"' %>>Link 2</a>
+      <a mat-list-item <%= routing ? 'routerLink="/"' : 'href="#"' %>>Link 3</a>
     </mat-nav-list>
   </mat-sidenav>
   <mat-sidenav-content>

src/material/schematics/ng-generate/navigation/index.spec.ts

@@ -155,4 +155,26 @@ describe('material-navigation-schematic', () => {
       expect(tree.files).not.toContain('/projects/material/src/app/foo/foo.component.spec.ts');
     });
   });
+  describe('router option', () => {
+    it('should respect the option value if routing true', async () => {
+      const tree =
+        await runner
+          .runSchematicAsync(
+            'navigation', { routing: true, ...baseOptions }, await createTestApp(runner))
+          .toPromise();
+      const template = tree
+          .readContent('/projects/material/src/app/foo/foo.component.html');
+      expect(template).toContain('<a mat-list-item routerLink="/">Link 1</a>');
+    });
+    it('should respect the option value if routing false', async () => {
+      const tree =
+        await runner
+          .runSchematicAsync(
+            'navigation', { routing: false, ...baseOptions }, await createTestApp(runner))
+          .toPromise();
+      const template = tree
+          .readContent('/projects/material/src/app/foo/foo.component.html');
+      expect(template).toContain('<a mat-list-item href="#">Link 1</a>');
+    });
+  });
 });

src/material/schematics/ng-generate/navigation/schema.json

@@ -92,6 +92,11 @@
       "type": "boolean",
       "default": false,
       "description": "Specifies if the component is an entry component of declaring module."
+    },
+    "routing": {
+      "type": "boolean",
+      "default": false,
+      "description": "Specifies whether Angular routing is enabled. This controls whether anchor elements use href or routerLink"
     }
   },
   "required": ["name"]