【问题标题】:Should I use Material for Angular or Material for AngularJS?我应该为 Angular 使用 Material 还是为 AngularJS 使用 Material?
【发布时间】:2017-07-31 12:57:49
【问题描述】:

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

  1. angular/material2
  2. angular/material

angular/materialREADME.md 标题为 AngularJS 应用程序的材料设计

angular/material2README.md 标题为 Material Design for Angular

我正在使用 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.angularjs.org 相比,material.angular.io 在布局、组件等方面似乎相当(非常?)有限,我是否应该在我的应用程序中使用material.angularjs.org 以利用众多布局和小部件,等等?

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

【问题讨论】:

    标签: javascript angular angular-material angular-material2


    【解决方案1】:

    使用 Angular(V2 或 +)构建应用程序时,您应该使用 angular/material2 (github) 和位于 material.angular.io 的文档。

    不要使用 material.angularjs.org,因为它用于 AngularJs 应用程序。

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

    它写在 material2 repo 自述文件中:

    顺便说一句,这里是个人意见,但他们决定将布局与组件分开非常好,因此即使您决定使用其他组件,由于 angular/flex-layout,您仍然可以拥有响应式布局。

    【讨论】:

    • 感谢您指出哪些 Material 相关项目适用于 Angular 1,哪些适用于 Angular 2+。它使我免于一些失误。 Material 对布局没有太多支持仍然是真的吗?现在似乎有更多的布局支持。是否足以消除使用单独的 angular/flex-layout 项目的需要?
    • 很高兴它有帮助!正如您在材料文档的layout 部分中看到的那样,与布局没有太大关系。除非您只想使用网格列表(这可能还不够)。所以是的,你应该坚持使用 flex-layout。
    猜你喜欢
    • 1970-01-01
    • 2022-06-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-04-05
    • 2020-02-13
    • 2019-07-13
    相关资源
    最近更新 更多