compat(stepper): error in compatibility mode (angular#6989)

Fixes an error thrown by the stepper in compatibility mode.

Fixes angular#6988.

Author: crisbeto

src/lib/stepper/step-header.ts

@@ -9,6 +9,7 @@
 import {Component, Input, ViewEncapsulation} from '@angular/core';
 import {coerceBooleanProperty, coerceNumberProperty} from '@angular/cdk/coercion';
 import {MdStepLabel} from './step-label';
+import {MATERIAL_COMPATIBILITY_MODE} from '../core/compatibility/compatibility';
 
 @Component({
   moduleId: module.id,
@@ -19,7 +20,8 @@ import {MdStepLabel} from './step-label';
     'class': 'mat-step-header',
     'role': 'tab',
   },
-  encapsulation: ViewEncapsulation.None
+  encapsulation: ViewEncapsulation.None,
+  providers: [{provide: MATERIAL_COMPATIBILITY_MODE, useValue: false}],
 })
 export class MdStepHeader {
   /** Icon for the given step. */