CODEWITHSUNDEEP
cssangularjsangularangular-materialangularjs-material
Camille Douine
Camille Douine

Reputation: 166

How to run hybrid app AngularJS/Material1 with Angular/Material2

i currently have an AngularJS + angular materialv1 app, and we're migrating it to Angular + angular materialv2. We're running it in hybrid mode for now. All is working well except for the CSS styles.

Styles from material 1 and 2 are conflicting. I read that i need to use the "compatibility mode" : https://github.com/angular/material2/pull/2790

But I couldn't find out how to set it. Would anyone know how to turn it on ?

Thanks for your help on this.

Upvotes: 1

Views: 630

Answers (1)

Camille Douine
Camille Douine

Reputation: 166

I found the solution here: i need to import the NoConflictStyleCompatibilityMode class along with MaterialModule

import { MaterialModule, NoConflictStyleCompatibilityMode  } from '@angular/material';
...
@NgModule({
    imports: [
        MaterialModule,
        NoConflictStyleCompatibilityMode
    ],...

If that can help someone...

Upvotes: 3

Related Questions