feat(material/tabs): Code review feedback

Author: zelliott

src/material/tabs/tab-nav-bar/tab-nav-bar.ts

@@ -6,6 +6,7 @@
  * found in the LICENSE file at https://angular.io/license
  */
 import {FocusableOption, FocusMonitor} from '@angular/cdk/a11y';
+import {SPACE} from '@angular/cdk/keycodes';
 import {Directionality} from '@angular/cdk/bidi';
 import {BooleanInput, coerceBooleanProperty, NumberInput} from '@angular/cdk/coercion';
 import {Platform} from '@angular/cdk/platform';
@@ -296,8 +297,8 @@ export class _MatTabLinkBase
     this._tabNavBar.focusIndex = this._getIndex();
   }
 
-  _handleSpace() {
-    if (this._tabNavBar.panel) {
+  _handleKeydown(event: KeyboardEvent) {
+    if (this._tabNavBar.panel && event.keyCode === SPACE) {
       this.elementRef.nativeElement.click();
     }
   }
@@ -345,7 +346,7 @@ export class _MatTabLinkBase
     '[class.mat-tab-disabled]': 'disabled',
     '[class.mat-tab-label-active]': 'active',
     '(focus)': '_handleFocus()',
-    '(keydown.space)': '_handleSpace()',
+    '(keydown)': '_handleKeydown($event)',
   },
 })
 export class MatTabLink extends _MatTabLinkBase implements OnDestroy {
@@ -379,15 +380,14 @@ export class MatTabLink extends _MatTabLinkBase implements OnDestroy {
 @Component({
   selector: 'mat-tab-nav-panel',
   exportAs: 'matTabNavPanel',
-  template: '<ng-content select="router-outlet"></ng-content>',
+  template: '<ng-content></ng-content>',
   host: {
     '[attr.aria-labelledby]': '_activeTabId',
     '[attr.id]': 'id',
     'role': 'tabpanel',
   },
   encapsulation: ViewEncapsulation.None,
-  // tslint:disable-next-line:validate-decorators
-  changeDetection: ChangeDetectionStrategy.Default,
+  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class MatTabNavPanel {
   /** Unique id for the tab panel. */