md-basic-chip gets mat-chip class when using [class]="myClass"

[sabithpocker]

Bug

What is the expected behavior?

<md-basic-chip [class]="color">I'm basic </md-basic-chip> should remain un-styled even if we add custom class using [class]="myClass"

What is the current behavior?

<md-basic-chip [class]="color">I'm basic but got an unwanted style :(</md-basic-chip> changes to md-chip style if we add custom class using [class]="myClass" by adding an extra mat-chip class.

What are the steps to reproduce?

Plunker Link

What is the use-case or motivation for changing an existing behavior?

To have custom styled rectangular chips without margins with different colors depending on their type ( repeated by *ngFor )

Which versions of Angular, Material, OS, browsers are affected?

material : 2.0.0-beta.3
angular  : 4.0.0
OS: Mac OS Sierrs
Browser: All

Is there anything else we should know?

I don't know if this the correct way to add classes to <md-basic-chip>.

[sabithpocker]

Not an issue actually, should have used ngClass.

Fixed by using <md-basic-chip [ngClass]="color">I'm basic </md-basic-chip>

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}