2017-03-10 18 views
7

Angular's GitHub頁面顯示與材料設計了兩個固定的倉庫:我應該使用AngularJS的AngularJS還是Material?

  1. angular/material2
  2. angular/material

README.mdangular/material題爲材質設計AngularJS應用

README.md對於angular/material2標題爲角度的材料設計

我建設使用angular-cli的Angular2 Web應用程序和同時擁有安裝進口@angular/materialapp.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 { } 

我想我應該在material.angular.io而不是material.angularjs.org文檔以下?

問題:

  1. 有人能驗證以下是正確的?

  2. 鑑於記錄記載,material.angular.io似乎很(非常?)限制在一定的佈局,組件等相比material.angularjs.org,我應該使用material.angularjs.org在我的應用程序要利用衆多的佈局和小部件等?

  3. 可以使用angular/flex-layout嗎?

回答

9

在建設有角(V2或+)的應用程序,你應該使用angular/material2(github上),並在material.angular.io的文檔。

請勿使用material.angularjs.org,因爲它適用於AngularJs應用程序。

正如你所注意到的,material2沒有太多的處理佈局,你應該使用angular/flex-layout

它用料2回購自述:

enter image description here

順便說一句,個人認爲在這裏,但它的偉大,他們決定這樣即使你決定使用其他你仍然可以組件從組件分割佈局由於角度/彈性佈局而具有響應式佈局。

+0

感謝您指出哪些與材質相關的項目適用於Angular 1,哪些適用於Angular 2+。它使我從一些失誤中解救出來。 材料對佈局沒有太多的支持,這仍然是真的嗎?現在似乎有更多的佈局支持。它足以消除使用單獨的角度/彈性佈局項目的需要? – RationalPi

+0

很高興幫助!正如您在材料文檔中的[佈局](https://material.angular.io/components/categories/layout)部分中看到的那樣,與佈局沒有多大關係。除非你只是想使用網格列表(這可能是不夠的)。所以是的,你應該堅持彈性佈局。 – Maxime

相關問題