build: enable fullTemplateTypeCheck in aot mode (#12100)

Enables `fullTemplateTypeCheck` in the aot demo app and e2e app.

Author: devversion

src/demo-app/bottom-sheet/bottom-sheet-demo.html

@@ -38,7 +38,7 @@ <h2>Options</h2>
   <mat-nav-list>
     <mat-list-item (click)="bottomSheetRef.dismiss()" *ngFor="let action of [1, 2, 3]">
       <mat-icon mat-list-icon>folder</mat-icon>
-      <span mat-line>Action {{ link }}</span>
+      <span mat-line>Action {{ action }}</span>
       <span mat-line>Description</span>
     </mat-list-item>
   </mat-nav-list>

src/demo-app/bottom-sheet/bottom-sheet-demo.ts

@@ -48,7 +48,7 @@ export class BottomSheetDemo {
   template: `
     <mat-nav-list>
       <a href="#" mat-list-item (click)="handleClick($event)" *ngFor="let action of [1, 2, 3]">
-        <span mat-line>Action {{ link }}</span>
+        <span mat-line>Action {{ action }}</span>
         <span mat-line>Description</span>
       </a>
     </mat-nav-list>

src/demo-app/dialog/dialog-demo.html

@@ -122,6 +122,6 @@ <h2>Other options</h2>
   </mat-form-field>
 
   <p> {{ data.message }} </p>
-  <button type="button" (click)="dialogRef.close(lastCloseResult = howMuch.value)">Close dialog</button>
+  <button type="button" (click)="dialogRef.close(howMuch.value)">Close dialog</button>
   <button (click)="dialogRef.updateSize('500px', '500px').updatePosition({ top: '25px', left: '25px' });">Change dimensions</button>`
 </ng-template>

src/demo-app/sidenav/sidenav-demo.html

@@ -9,7 +9,7 @@
                  [fixedInViewport]="fixed" [fixedTopGap]="fixedTop" [fixedBottomGap]="fixedBottom">
       Start Side Sidenav
       <br>
-      <button mat-button (click)="start.close('mouse')">Close</button>
+      <button mat-button (click)="start.close()">Close</button>
       <br>
       <button mat-button (click)="end.open('keyboard')">Open End Side</button>
       <br>
@@ -24,7 +24,7 @@
                  [fixedInViewport]="fixed" [fixedTopGap]="fixedTop" [fixedBottomGap]="fixedBottom">
       End Side Sidenav
       <br>
-      <button mat-button (click)="end.close('mouse')">Close</button>
+      <button mat-button (click)="end.close()">Close</button>
       <div class="demo-filler-content" *ngFor="let c of fillerContent">Filler Content</div>
     </mat-sidenav>
 

src/demo-app/tsconfig-aot.json

@@ -33,7 +33,6 @@
   ],
   "angularCompilerOptions": {
     "skipTemplateCodegen": false,
-    // TODO: disabled for now due to @angular/forms
-    "fullTemplateTypeCheck": false
+    "fullTemplateTypeCheck": true
   }
 }

src/e2e-app/tsconfig-build.json

@@ -42,7 +42,6 @@
   ],
   "angularCompilerOptions": {
     "skipMetadataEmit": true,
-    // TODO: disabled for now due to @angular/forms
-    "fullTemplateTypeCheck": false
+    "fullTemplateTypeCheck": true
   }
 }

src/material-examples/tsconfig-build.json

@@ -37,7 +37,10 @@
     "flatModuleOutFile": "index.js",
     "flatModuleId": "@angular/material-examples",
     "skipTemplateCodegen": true,
-    // TODO: disabled for now due to @angular/forms
+    // TODO(paul): Needs to stay disabled for now because when building the examples in non-release
+    // format the metadata of Material which is required to build the examples package, are not
+    // including all re-exports and therefore the build will fail. This issue will be fixed with
+    // the new compiler CLI that no longer outputs metadata.
     "fullTemplateTypeCheck": false
   }
 }