build(docs-infra): upgrade @angular/* to 8.0.0-beta.14 (#29926)

PR Close #29926

aio/src/app/app.component.ts

@@ -85,13 +85,13 @@ export class AppComponent implements OnInit {
   searchResults: Observable<SearchResults>;
   @ViewChildren('searchBox, searchResultsView', { read: ElementRef })
   searchElements: QueryList<ElementRef>;
-  @ViewChild(SearchBoxComponent)
+  @ViewChild(SearchBoxComponent, { static: true })
   searchBox: SearchBoxComponent;
 
-  @ViewChild(MatSidenav)
+  @ViewChild(MatSidenav, { static: true })
   sidenav: MatSidenav;
 
-  @ViewChild(NotificationComponent)
+  @ViewChild(NotificationComponent, { static: true })
   notification: NotificationComponent;
   notificationAnimating = false;
 

aio/src/app/custom-elements/api/api-list.component.ts

@@ -61,7 +61,7 @@ export class ApiListComponent implements OnInit {
     { value: 'security-risk', title: 'Security Risk' }
   ];
 
-  @ViewChild('filter') queryEl: ElementRef;
+  @ViewChild('filter', { static: true }) queryEl: ElementRef;
 
   constructor(
     private apiService: ApiService,

aio/src/app/custom-elements/code/code-example.component.ts

@@ -79,9 +79,9 @@ export class CodeExampleComponent implements AfterViewInit {
 
   @HostBinding('class.avoidFile') isAvoid = false;
 
-  @ViewChild('content') content: ElementRef;
+  @ViewChild('content', { static: true }) content: ElementRef;
 
-  @ViewChild(CodeComponent) aioCode: CodeComponent;
+  @ViewChild(CodeComponent, { static: true }) aioCode: CodeComponent;
 
   ngAfterViewInit() {
     this.aioCode.code = this.content.nativeElement.innerHTML;

aio/src/app/custom-elements/code/code-tabs.component.ts

@@ -48,7 +48,7 @@ export class CodeTabsComponent implements OnInit, AfterViewInit {
 
   @Input() linenums: string;
 
-  @ViewChild('content') content;
+  @ViewChild('content', { static: true }) content;
 
   @ViewChildren(CodeComponent) codeComponents: QueryList<CodeComponent>;
 

aio/src/app/custom-elements/code/code.component.ts

@@ -97,7 +97,7 @@ export class CodeComponent implements OnChanges {
   @Output() codeFormatted = new EventEmitter<void>();
 
   /** The element in the template that will display the formatted code. */
-  @ViewChild('codeContainer') codeContainer: ElementRef;
+  @ViewChild('codeContainer', { static: true }) codeContainer: ElementRef;
 
   constructor(
     private snackbar: MatSnackBar,

aio/src/app/custom-elements/live-example/live-example.component.ts

@@ -62,7 +62,7 @@ export class LiveExampleComponent implements AfterContentInit {
   readonly zip: string;
   title: string;
 
-  @ViewChild('content')
+  @ViewChild('content', { static: true })
   private content: ElementRef;
 
   constructor(elementRef: ElementRef, location: Location) {
@@ -142,7 +142,7 @@ export class LiveExampleComponent implements AfterContentInit {
 export class EmbeddedStackblitzComponent implements AfterViewInit {
   @Input() src: string;
 
-  @ViewChild('iframe') iframe: ElementRef;
+  @ViewChild('iframe', { static: true }) iframe: ElementRef;
 
   ngAfterViewInit() {
     // DEVELOPMENT TESTING ONLY

aio/src/app/layout/doc-viewer/dt.component.ts

@@ -17,7 +17,7 @@ export class DtComponent {
   @Input() doc: DocumentContents;
   @Output() docChange = new EventEmitter<DocumentContents>();
 
-  @ViewChild('dt', { read: ElementRef })
+  @ViewChild('dt', { read: ElementRef, static: true })
   dt: ElementRef;
 
   get text() { return this.doc && this.doc.contents; }

aio/src/app/search/search-box/search-box.component.ts

@@ -29,7 +29,7 @@ export class SearchBoxComponent implements OnInit {
   private searchDebounce = 300;
   private searchSubject = new Subject<string>();
 
-  @ViewChild('searchBox') searchBox: ElementRef;
+  @ViewChild('searchBox', { static: true }) searchBox: ElementRef;
   @Output() onSearch = this.searchSubject.pipe(distinctUntilChanged(), debounceTime(this.searchDebounce));
   @Output() onFocus = new EventEmitter<string>();