angular - 2.0.0-beta.7 版 Angular 2 文档的 Material 设计

标签 angular angular-material

我是 Angular 设计和 Material 设计的新手。来自 iOS 开发,这对我来说很难。我的公司有项目,我正在寻找 Angular 的 Material Design 版本 2.0.0-beta.7 的文档。我知道有一个不错的网站 here带有每个组件的文档,但我注意到这是针对版本 2.0.0-beta.12 的,例如所有前缀 Md 都更改为 Mat。我尝试将 Md 更新到版本 2.0.0-beta.12 但我的项目中出现了这样的问题:

npm WARN @angular/cdk@2.0.0-beta.12 requires a peer of @angular/core@~4.4.4 but none was installed.
npm WARN @angular/cdk@2.0.0-beta.12 requires a peer of @angular/common@~4.4.4 but none was installed.
npm WARN @angular/material@2.0.0-beta.12 requires a peer of @angular/core@~4.4.4 but none was installed.
npm WARN @angular/material@2.0.0-beta.12 requires a peer of @angular/common@~4.4.4 but none was installed.

在这一刻我停下了,因为我害怕因为我对 Angular 世界中的这类问题没有足够的经验而且我觉得我错过了一些东西。我不想更新所有 @angular/core 等,因为在当前项目中一切都运行正常。我们只需要使用 Material Design 添加更多组件,因为我正在学习它,所以我需要我的版本的文档,因为 beta.12 与我注意到的非常不同。所以我回到 beta.7 版本,所以项目再次运行但是嘿。这个版本的文档在哪里?如何找到它?

这是我的 package.json deps 和 devDeps:

"dependencies": {
    "@angular/animations": "4.2.3",
    "@angular/common": "4.2.3",
    "@angular/compiler": "4.2.3",
    "@angular/core": "4.2.3",
    "@angular/flex-layout": "2.0.0-beta.8",
    "@angular/forms": "4.2.3",
    "@angular/http": "4.2.3",
    "@angular/material": "^2.0.0-beta.7",
    "@angular/platform-browser": "4.2.3",
    "@angular/platform-browser-dynamic": "4.2.3",
    "@angular/router": "4.2.3",
    "ag-grid": "^13.3.1",
    "ag-grid-angular": "^13.3.0",
    "core-js": "2.4.1",
    "hammerjs": "2.0.8",
    "rxjs": "5.4.1",
    "zone.js": "0.8.12"
  },
  "devDependencies": {
    "@angular/cli": "1.1.3",
    "@angular/compiler-cli": "4.2.3",
    "@types/jasmine": "2.5.45",
    "@types/node": "6.0.78",
    "@types/hammerjs": "2.0.34",
    "codelyzer": "3.0.1",
    "jasmine-core": "2.6.4",
    "jasmine-spec-reporter": "4.1.1",
    "karma": "1.7.0",
    "karma-chrome-launcher": "2.1.1",
    "karma-cli": "1.0.1",
    "karma-jasmine": "1.1.0",
    "karma-jasmine-html-reporter": "0.2.2",
    "karma-coverage-istanbul-reporter": "1.3.0",
    "protractor": "5.1.2",
    "ts-node": "3.0.6",
    "tslint": "5.3.2",
    "typescript": "2.3.4"
  }

最佳答案

自 Angular Material 2 版本 beta 11 以来,该库现在需要 Angular 4.4.3 或更高版本,因此您应该更新到最新版本的 Angular 以解决该问题。这是一个不错的网站,可让您选择当前使用的版本以及要升级到的版本,并为您提供所有必需的步骤:


Angular Update Guide


enter image description here

关于angular - 2.0.0-beta.7 版 Angular 2 文档的 Material 设计,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46736269/

相关文章:

javascript - 为什么我收到错误 : TypeError: "_co.form.submit is not a function"?

javascript - 当500个内部服务器来的时候,前端可以做一些事情,因为同时访问量很大

javascript - Angular 4在div内平滑滚动

javascript - 未应用 Angular Material 垫扩展面板主体样式

angular - 如何使mat-select始终在angular2中的表单字段下打开?

css - 如何更改单个垫子图标的背景颜色?

html - 创建可重用 Angular UI 组件的最佳方法

javascript - Angular 2,使用 eval() 函数的内联模板出错

javascript - 为什么 Angular 2 看不到动态创建的选择器?

css - 如何更改基本 Angular Material native 选择的插入符号颜色?