Angular2 material 'md-chips' is not a known element

Question

I'm working on an Angular2 application using @angular/material 2.0.0-beta.2 and I am trying to use Chips , but I get 'md-chips' is not a known element . Here is what I have done:

component.html:

<md-chips ng-model="keywords" readonly="false" placeholder="Enter a keyword"></md-chips>

module.ts

import { MaterialModule } from '@angular/material';
import 'hammerjs';
...
@NgModule({
imports: [
    productRouting,
    SharedModule,
    Select2Module,
    MaterialModule.forRoot()
],
...

if I use some other material component like

<md-toolbar color="primary"><span>GameViewer</span></md-toolbar>

I'll have no problem, therefor I don't think I have a problem with importing the material module.

PS I already read these:

• Angular2 material 'md-icon' is not a known element
• Angular2 material 'md-icon' is not a known element with Karma / Jasmine
• Material design component “is not a known element” in Angular2

Answer 1

For Material2 the components are md-chip and md-chip-list .

<md-chip-list>
  <md-chip>Papadum</md-chip>
  <md-chip>Naan</md-chip>
  <md-chip>Dal</md-chip>
</md-chip-list>

The docs can be found here .