From 2239e7daf063690b70cbcef098173fdf038e9760 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Tue, 12 Sep 2017 02:23:37 +0200
Subject: [PATCH] compat(stepper): error in compatibility mode (#6989)

Fixes an error thrown by the stepper in compatibility mode.

Fixes #6988.
---
 src/lib/stepper/step-header.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/lib/stepper/step-header.ts b/src/lib/stepper/step-header.ts
index ae79e5cdf70..e25369d35c8 100644
--- a/src/lib/stepper/step-header.ts
+++ b/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. */