title: Should I use Material for Angular or Material for AngularJS?
body: <p><a href="https://github.com/angular" rel="noreferrer">Angular's GitHub</a> page shows two pinned repositories relating to Material Design:</p>
  
  <ol>
  <li><a href="https://github.com/angular/material2" rel="noreferrer">angular/material2</a></li>
  <li><a href="https://github.com/angular/material" rel="noreferrer">angular/material</a></li>
  </ol>
  
  <p>The <a href="https://github.com/angular/material/blob/master/README.md" rel="noreferrer">README.md</a> for <a href="https://github.com/angular/material" rel="noreferrer">angular/material</a> is titled <strong>Material Design for AngularJS Apps</strong>.</p>
  
  <p>The <a href="https://github.com/angular/material2/blob/master/README.md" rel="noreferrer">README.md</a> for <a href="https://github.com/angular/material2" rel="noreferrer">angular/material2</a> is titled <strong>Material Design for Angular</strong>.</p>
  
  <p>I'm building an Angular2 web application using the <a href="https://github.com/angular/angular-cli" rel="noreferrer">angular-cli</a> and have both <em>installed</em> and <em>imported</em> <code>@angular/material</code> into <code>app.module.ts</code>.</p>
  
  <pre><code>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 { }
  </code></pre>
  
  <p>I assume I should be following the documentation at <a href="https://material.angular.io/" rel="noreferrer">material.angular.io</a> and not <a href="https://material.angularjs.org/" rel="noreferrer">material.angularjs.org</a>? </p>
  
  <p>Questions:</p>
  
  <ol>
  <li><p>Can someone verify the following is correct?</p>
  
  <ul>
  <li><a href="https://github.com/angular/material2" rel="noreferrer">angular/material2</a> documented at <a href="https://material.angular.io/" rel="noreferrer">material.angular.io</a></li>
  <li><a href="https://github.com/angular/material" rel="noreferrer">angular/material</a> documented at <a href="https://material.angularjs.org/" rel="noreferrer">material.angularjs.org</a></li>
  </ul></li>
  <li><p>Given that <a href="https://material.angular.io/" rel="noreferrer">material.angular.io</a> seems pretty (very?) limited in layouts, components, etc when compared to <a href="https://material.angularjs.org/" rel="noreferrer">material.angularjs.org</a>, should I use <a href="https://material.angularjs.org/" rel="noreferrer">material.angularjs.org</a> in my application to take advantage of the numerous layouts and widgets, etc?</p></li>
  <li><p>Can <a href="https://github.com/angular/flex-layout" rel="noreferrer">angular/flex-layout</a> be used with both?</p></li>
  </ol>