Should I use material for Angular or material for AngularJS?

Question

Angular The GitHub page shows two pinned stores related to Material Design:

• angular / material2
• angular / material

README.md for angular / material is called Material Design for AngularJS Apps .

README.md for angular / material2 is called Material Design for Angular .

I am creating an Angular2 web application using angular-cli and installing and importing @angular/material in app.module.ts .

 import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { HttpModule } from '@angular/http'; import { MaterialModule } from '@angular/material' import { FlexLayoutModule } from '@angular/flex-layout' @NgModule({ declarations: [ AppComponent, ], imports: [ BrowserModule, HttpModule, FlexLayoutModule, MaterialModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { } 

I assume that I should follow the documentation of material.angular.io and not material.angularjs.org ?

Questions:

• Can someone verify the following?

  • angular / material2 is documented on material.angular.io
  • angular / material is documented on material.angularjs.org

• Given that material.angular.io seems rather (very?) Limited in layouts, components, etc. Compared to material.angularjs.org , you should use material.angularjs.org in your application to take advantage of numerous layouts and widgets, etc.

• Can angular / flex-layout be used with both?

Answer 1

When creating an application with Angular (V2 or +) you should use angular / material2 (github) and the document material.angular.io .

Do not use material.angularjs.org , as is done for AngularJs applications.

As you noticed, there is not much in material2 to handle the layout, and you should use angular / flex-layout .

This is written in repo Readme material2:

By the way, a personal opinion is here, but it's great that they decided to share the layout with the components, so even if you decide to use other components, you can still have a flexible layout thanks to angular / flex-layout.