feat(material/tabs): Nit change

Author: zelliott

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

@@ -145,7 +145,6 @@ export abstract class _MatTabNavBase
 
         if (this.panel) {
           this.panel._activeTabId = items[i]._uniqueId;
-          this.panel._cdr.markForCheck();
         }
 
         return;
@@ -169,13 +168,13 @@ export abstract class _MatTabNavBase
   templateUrl: 'tab-nav-bar.html',
   styleUrls: ['tab-nav-bar.css'],
   host: {
+    '[attr.role]': 'panel ? "tablist" : null',
     'class': 'mat-tab-nav-bar mat-tab-header',
     '[class.mat-tab-header-pagination-controls-enabled]': '_showPaginationControls',
     '[class.mat-tab-header-rtl]': "_getLayoutDirection() == 'rtl'",
     '[class.mat-primary]': 'color !== "warn" && color !== "accent"',
     '[class.mat-accent]': 'color === "accent"',
     '[class.mat-warn]': 'color === "warn"',
-    '[attr.role]': 'panel ? "tablist" : null',
   },
   encapsulation: ViewEncapsulation.None,
   // tslint:disable-next-line:validate-decorators
@@ -341,6 +340,7 @@ export class _MatTabLinkBase
     '[attr.aria-current]': 'active && !_tabNavBar.panel ? "page" : null',
     '[attr.aria-disabled]': 'disabled',
     '[attr.aria-selected]': '_tabNavBar.panel ? (active ? "true" : "false") : null',
+    '[attr.id]': '_uniqueId',
     '[attr.tabIndex]': '_getTabIndex()',
     '[attr.role]': '_tabNavBar.panel ? "tab" : null',
     '[class.mat-tab-disabled]': 'disabled',
@@ -383,6 +383,7 @@ export class MatTabLink extends _MatTabLinkBase implements OnDestroy {
   template: '<ng-content select="router-outlet"></ng-content>',
   host: {
     '[attr.aria-labelledby]': '_activeTabId || null',
+    '[attr.id]': '_uniqueId',
     'role': 'tabpanel',
   },
   encapsulation: ViewEncapsulation.None,
@@ -395,6 +396,4 @@ export class MatTabNavPanel {
 
   /** Unique id for the component referenced in ARIA attributes. */
   _uniqueId = `mat-tab-nav-panel-${nextUniqueId++}`;
-
-  constructor(readonly _cdr: ChangeDetectorRef) {}
 }