我应该为AngularJS使用Angular材料还是材质?

时间:2017-03-10 08:49:33

标签: javascript angular angular-material angular-material2

Angular's GitHub页面显示了与Material Design相关的两个固定存储库:

  1. angular/material2
  2. angular/material
  3. README.mdangular/material标题为 AngularJS应用的素材设计

    README.mdangular/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的文档?

    问题:

    1. 有人可以验证以下内容是否正确?

    2. 鉴于与material.angular.io相比,material.angularjs.org在布局,组件等方面看起来相当(非常?)有限,我应该在我的应用程序中使用material.angularjs.org来利用众多的布局和小部件等?

    3. 可以同时使用angular/flex-layout吗?

1 个答案:

答案 0 :(得分:12)

使用Angular(V2或+)构建应用时,应使用angular/material2(github)和material.angular.io处的文档。

不要像使用AngularJs应用程序那样使用material.angularjs.org

正如您所注意到的,material2没有多少处理布局,您应该使用angular/flex-layout

它写在material2 repo自述文件中:

enter image description here

BTW,个人意见,但很高兴他们决定将组件从组件中分离出去,所以即使您决定使用其他组件,由于角度/弹性布局,您仍然可以使用响应式布局。