material-community-components VS material2

This question is in reference to this Github issue, with mat-menu which can't be toggled using mouse hover, I am basically trying to replace a bootstrap based horizontal navigation menu with angular material's menu. The only thing keeping me from replicating bootstrap based menu is opening and closing mat-menu on hover.As mentioned in the above Github issue there are some workarounds to achieve what I want, like using, mouseEnter

Angular 2 Material: https://github.com/angular/material2

Update: I found the following issue on A2M GitHub - seems like it might be an issue with PS. https://github.com/angular/material2/issues/297

Assuming we want to use a component from some library in angular2 (example from material2). The component annotation looks like this:

Angular2 material team recently released the MDDialog https://github.com/angular/material2/blob/master/src/lib/dialog/README.md

Angular 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 into the template like this foo the application starts crashing with this console message Error: Template parse errors:'md-button' is not a known element:1. If 'md-button' is an Angular component, then verify that it is part of this module.2. If 'md-button' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schemas' of this component to suppress this message. ("Job[ERROR ->]material"): JobComponent@0:12 at TemplateParser.parse (http://localhost:3000/node_modules/@angular/compiler/bundles/compiler.umd.js:8321:21) So, it might sound like it is case 1 in the message, but I have tried the advice given in this answer to add MdButton to the imports property of my NgModule (which already contained MaterialModule.forRoot() as adviced by the documentation) , but if I do, the whole application goes blank without errors in the console. Here is some of the relevant code import { UIRouterModule } from "ui-router-ng2";import { Ng1ToNg2Module, uiRouterNgUpgrade } from "ui-router-ng1-to-ng2";import { MaterialModule, MdButton } from '@angular/material';const upgradeAdapter: UpgradeAdapter = new UpgradeAdapter( forwardRef(() => XamFlowNg2Module));uiRouterNgUpgrade.setUpgradeAdapter(upgradeAdapter);angular.module("xamFlow") .factory("consoleService", upgradeAdapter.downgradeNg2Provider(ConsoleService));/* * Expose our ng1 content to ng2 */upgradeAdapter.upgradeNg1Provider("restService");@NgModule({ declarations: [ JobComponent, ], entryComponents: [ // Components that are routed to must be listed here, otherwise you'll get "No Component Factory" JobComponent, ], imports: [ CommonModule, BrowserModule, FormsModule, HttpModule, Ng1ToNg2Module, MaterialModule.forRoot() ], providers: [ ConsoleService, ImageService ]})class MyModule { }upgradeAdapter.bootstrap(document.body, ["myApp"]); Answer link : https://codehunter.cc/a/angular/material-design-component-is-not-a-known-element-in-angular2

As Angular6 has been released, They have added a new command ng add . Can anyone tell me what will be the difference between existing command npm install and ng add

@NgModule({ imports: [ FeatureModuleA1.forRoot(), FeatureModuleA2.forRoot(), FeatureModuleA.forRoot(), SharedModule.forRoot() ]})class MainModule { } Am I right? Before you answer please take a look at this file:https://github.com/angular/material2/blob/master/src/lib/module.ts