javascript - 我应该为 Angular 使用 Material 还是为 AngularJS 使用 Material?

标签 javascript angular angular-material angular-material2

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

  1. angular/material2
  2. angular/material

README.md对于 angular/material标题为AngularJS 应用的 Material 设计

README.md对于 angular/material2标题为Angular 的 Material 设计

我正在使用 angular-cli 构建 Angular2 网络应用程序并且安装导入@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.iomaterial.angularjs.org 相比,在布局、组件等方面似乎相当(非常?)有限, 我应该使用 material.angularjs.org在我的应用程序中利用众多布局和小部件等?

  3. 可以angular/flex-layout两者一起使用?

最佳答案

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

不要使用 material.angularjs.org因为它适用于 AngularJs 应用。

正如您所注意到的,material2 没有太多的布局处理,您应该使用 angular/flex-layout为了那个原因。

它写在 material2 repo Readme 中:

enter image description here

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

关于javascript - 我应该为 Angular 使用 Material 还是为 AngularJS 使用 Material?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42714012/

相关文章:

Angular 4 Portal/CdkPortal 在新的子窗口中不工作

css - 如何阻止 md-cards 将图像拉伸(stretch)到完全垂直高度?

javascript - 将 $mdMenu 注入(inject)作用域。无法读取未定义的属性 open()

Angular Material : mat-error not showing despite true methods

带选项卡的 Angular 6 RouterLink

forms - Angular 4使用 react 形式在数组内创建动态formArray

javascript - 在 addeventlistener 回调函数内发出 HTTPS 请求时,Electron 崩溃

javascript - 用于匹配搜索值的正则表达式

Javascript - 排序问题

javascript onkeydown 在数字键盘中不起作用