Angular's GitHub页面显示了与Material Design相关的两个固定存储库:
README.md的angular/material标题为 AngularJS应用的素材设计。
README.md的angular/material2标题为 Angular的Material Design 。
我正在使用angular-cli构建Angular2 Web应用程序,并将安装和导入 @angular/material
导入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 { }
我认为我应该关注material.angular.io而不是material.angularjs.org的文档?
问题:
有人可以验证以下内容是否正确?
鉴于与material.angular.io相比,material.angularjs.org在布局,组件等方面看起来相当(非常?)有限,我应该在我的应用程序中使用material.angularjs.org来利用众多的布局和小部件等?
可以同时使用angular/flex-layout吗?
答案 0 :(得分:12)
使用Angular(V2或+)构建应用时,应使用angular/material2(github)和material.angular.io处的文档。
不要像使用AngularJs应用程序那样使用material.angularjs.org。
正如您所注意到的,material2没有多少处理布局,您应该使用angular/flex-layout。
它写在material2 repo自述文件中:
BTW,个人意见,但很高兴他们决定将组件从组件中分离出去,所以即使您决定使用其他组件,由于角度/弹性布局,您仍然可以使用响应式布局。