2017-03-10 31 views
7

Angular's GitHub strona przedstawia dwie przypięte repozytoriów odnoszących się do materialnych design:Czy powinienem używać materiału dla kątowego lub materiału dla AngularJS?

  1. angular/material2
  2. angular/material

README.md dla angular/material zatytułowany projektowania materiałów dla angularjs Apps.

Numer README.md dla angular/material2 jest oznaczony jako Material Design dla Angular.

buduję aplikację internetową Angular2 używając angular-cli i mają zarówno zainstalowany i importowane@angular/material w 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 { } 

zakładam powinny być następujące dokumentacji w material.angular.io i nie material.angularjs.org?

Pytania:

  1. Może ktoś sprawdzić następujące jest poprawna?

  2. Zważywszy, że material.angular.io wydaje się dość (bardzo?) Ograniczony układów, komponentów, etc, w porównaniu do material.angularjs.org, należy użyć material.angularjs.org w moja aplikacja do korzystania z licznych układów i widżetów, itp?

  3. Czy można używać obu razem z angular/flex-layout?

Odpowiedz

9

Podczas budowania aplikacji z kątowe (V2 lub +), należy użyć angular/material2 (github) i doc na material.angular.io.

Nie używaj material.angularjs.org, jak w przypadku aplikacji AngularJs.

Jak zauważyłeś, materiał 2 nie ma zbyt wiele do obsłużenia układu i powinieneś użyć do tego celu angular/flex-layout.

Jest napisany w Materiał2 Readme repo:

enter image description here

BTW, osobista opinia tutaj, ale to nic wielkiego, że postanowił rozdzielić układ z elementów, więc nawet jeśli zdecydujesz się skorzystać z innych elementów można nadal mają elastyczny układ dzięki kątowemu/flex-układowi.

+0

Dzięki za wskazanie, które projekty związane z materiałem były dla Angular 1 i które były dla Angular 2+. To uratowało mnie przed błędnymi krokami. Czy to prawda, że ​​materiał nie ma dużego wsparcia dla układów? Wygląda na to, że jest teraz więcej wsparcia dla układu. Czy to wystarczy, aby usunąć potrzebę zastosowania osobnego projektu kątowego/flex-layout? – RationalPi

+0

Cieszę się, że pomogło! Jak widać w sekcji [layout] (https://material.angular.io/components/categories/layout) z dokumentacji materiałowej, nie ma wiele wspólnego z układem. Chyba, że ​​chcesz tylko użyć listy siatki (co prawdopodobnie nie wystarcza). Więc tak, powinieneś trzymać się flex-layout. – Maxime