angular - Angular Material 不适用于颜色和动画
问题描述
大家好,我正在关注 Max 的 MEAN 堆栈的 Udemy 教程,我遇到了 Material 问题,现在元素没有显示出来。
Material 和 *ngFor 曾经在我让我的电脑进入睡眠状态之前工作。我的设置:Ubuntu,VSCode,节点:10.15.3,npm:6.7.0
这是我的回购
angular-cli 也向我显示了这个警告:
您的全局 Angular CLI 版本 (7.3.6) 高于本地版本 (7.0.7)。使用本地 Angular CLI 版本。
<mat-accordion>
<mat-expansion-panel *ngFor="let post of posts">
<mat-expansion-panel-header>
{{post.title}}
</mat-expansion-panel-header>
<p>{{post.content}}</p>
</mat-expansion-panel>
</mat-accordion>
包.json
{
"name": "mean-course",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "~7.0.0",
"@angular/cdk": "~7.3.5",
"@angular/common": "~7.0.0",
"@angular/compiler": "~7.0.0",
"@angular/core": "~7.0.0",
"@angular/forms": "~7.0.0",
"@angular/http": "~7.0.0",
"@angular/material": "^7.3.5",
"@angular/platform-browser": "~7.0.0",
"@angular/platform-browser-dynamic": "~7.0.0",
"@angular/router": "~7.0.0",
"core-js": "^2.5.4",
"rxjs": "~6.3.3",
"zone.js": "~0.8.26"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.10.0",
"@angular/cli": "~7.0.3",
"@angular/compiler-cli": "~7.0.0",
"@angular/language-service": "~7.0.0",
"@types/node": "~8.9.4",
"@types/jasmine": "~2.8.8",
"@types/jasminewd2": "~2.0.3",
"codelyzer": "~4.5.0",
"jasmine-core": "~2.99.1",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~3.0.0",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~1.1.2",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.4.0",
"ts-node": "~7.0.0",
"tslint": "~5.11.0",
"typescript": "~3.1.1"
}
}
解决方案
将第 9 行更改为post-list.component.html
from
<p class="info-text mat-body-1" ngIf="posts.length <= 0"> No posts yet!</p>
至
<p class="info-text mat-body-1" *ngIf="posts.length <= 0"> No posts yet!</p>
你错过*
了*ngIf
.
对于警告,它只是说您全局安装的 @angular/cli ( npm install -g
) 比您的 package.json 更大,但它不能成为问题的根源。
推荐阅读
- amazon-web-services - Lifecycle Policy Not Deleting Deleted Object Permanently On AWS S3 bucket
- java - java 程序(带有 txt/csv)在 IDE 中可以正常工作,但不能在 jar 中
- find - find -cmin 0 和 -ctime 0 的规则
- facebook-graph-api - Facebook API share_count 新报告所有页面为 0
- python - 运行python程序时调试器不工作
- mysql - LIMIT 子句导致 mysql 查询的语法错误
- .htaccess - 使用 htaccess 将查询参数更改为 iOS 应用特定的深层链接
- javascript - 在 Bootstrap 4 中选择隐藏在表格下
- android - Ionic 4 图像显示错误
- r - 用R中的中值替换异常值