Material design component “is not a known element” in Angular2

Question

I have a hybrid Angular1 and Angular2 application. In one of the Angular2 components that I route to, I want to use a Material Design Button.

When I insert a button

Answer 1

It should be

<button md-button>foo</button>   

OR

<button md-raised-button>foo</button>

Answer 2

Sometimes when you add new component to the angular2 it does't directly register the tag in such cases you have to do 2 things:

Go to app.component.ts file

• 1) Insert manually in "import {component}" the button you want to add
• 2) In the @Component register your component and give the path