Angular 材质基于哪个材质版本（v2 或 v3）？

Question

Angular Material 基于材料设计规范。

哪个 Angular 材质版本属于哪个材质设计规范版本（v1、v2、v3）？

角度材质版本	材质设计版本
16	？
15	？
14	？
13	？
12	？
11	？
10	？

Answer 1

版本 18 之前的 Angular 材质使用材质 2 - 从版本 18 开始，它们使用材质 3

旧答案（不准确）

他们正在使用材料 2 我怎么知道？ 转到 15.2 的 Angular Material 的 package.json 并查找依赖项 https://github.com/angular/components/blob/15.2.x/package.json

如果他们使用材料 3，他们将具有

@material/web

依赖性，但相反，您会发现材料 2 依赖性

    "@material/animation": "15.0.0-canary.684e33d25.0",
    "@material/auto-init": "15.0.0-canary.684e33d25.0",
    "@material/banner": "15.0.0-canary.684e33d25.0",
    "@material/base": "15.0.0-canary.684e33d25.0",
    "@material/button": "15.0.0-canary.684e33d25.0",
    "@material/card": "15.0.0-canary.684e33d25.0",
    "@material/checkbox": "15.0.0-canary.684e33d25.0",
    "@material/chips": "15.0.0-canary.684e33d25.0",
    "@material/circular-progress": "15.0.0-canary.684e33d25.0",
    "@material/data-table": "15.0.0-canary.684e33d25.0",
    "@material/density": "15.0.0-canary.684e33d25.0",
    "@material/dialog": "15.0.0-canary.684e33d25.0",
    "@material/dom": "15.0.0-canary.684e33d25.0",
    "@material/drawer": "15.0.0-canary.684e33d25.0",
    "@material/elevation": "15.0.0-canary.684e33d25.0",
    "@material/fab": "15.0.0-canary.684e33d25.0",
    "@material/feature-targeting": "15.0.0-canary.684e33d25.0",
    "@material/floating-label": "15.0.0-canary.684e33d25.0",
    "@material/form-field": "15.0.0-canary.684e33d25.0",
    "@material/icon-button": "15.0.0-canary.684e33d25.0",
    "@material/image-list": "15.0.0-canary.684e33d25.0",
    "@material/layout-grid": "15.0.0-canary.684e33d25.0",
    "@material/line-ripple": "15.0.0-canary.684e33d25.0",
    "@material/linear-progress": "15.0.0-canary.684e33d25.0",
    "@material/list": "15.0.0-canary.684e33d25.0",
    "@material/menu": "15.0.0-canary.684e33d25.0",
    "@material/menu-surface": "15.0.0-canary.684e33d25.0",
    "@material/notched-outline": "15.0.0-canary.684e33d25.0",
    "@material/radio": "15.0.0-canary.684e33d25.0",
    "@material/ripple": "15.0.0-canary.684e33d25.0",
    "@material/rtl": "15.0.0-canary.684e33d25.0",
    "@material/segmented-button": "15.0.0-canary.684e33d25.0",
    "@material/select": "15.0.0-canary.684e33d25.0",
    "@material/shape": "15.0.0-canary.684e33d25.0",
    "@material/slider": "15.0.0-canary.684e33d25.0",
    "@material/snackbar": "15.0.0-canary.684e33d25.0",
    "@material/switch": "15.0.0-canary.684e33d25.0",
    "@material/tab": "15.0.0-canary.684e33d25.0",
    "@material/tab-bar": "15.0.0-canary.684e33d25.0",
    "@material/tab-indicator": "15.0.0-canary.684e33d25.0",
    "@material/tab-scroller": "15.0.0-canary.684e33d25.0",
    "@material/textfield": "15.0.0-canary.684e33d25.0",
    "@material/theme": "15.0.0-canary.684e33d25.0",
    "@material/tooltip": "15.0.0-canary.684e33d25.0",
    "@material/top-app-bar": "15.0.0-canary.684e33d25.0",
    "@material/touch-target": "15.0.0-canary.684e33d25.0",
    "@material/typography": "15.0.0-canary.684e33d25.0",