Angular 对于颜色和动画,角度材质无法正常工作
嗨,伙计们,我正在学习Max的UDE,我的平均堆栈教程,我对材料有问题,现在对元素没有炫耀 在我让我的电脑进入睡眠状态之前,我使用的材料和*NGF都是有效的。 我的设置:Ubuntu,VSCode,节点:10.15.3,npm:6.7.0 这是我的 此外,angular cli向我显示以下警告: 您的全局Angular CLI版本7.3.6高于本地版本 版本7.0.7。使用本地CLI版本 将post-list.component.html的第9行更改为 到 你错过了ngIfAngular 对于颜色和动画,角度材质无法正常工作,angular,angular-material,angular-cli,Angular,Angular Material,Angular Cli,嗨,伙计们,我正在学习Max的UDE,我的平均堆栈教程,我对材料有问题,现在对元素没有炫耀 在我让我的电脑进入睡眠状态之前,我使用的材料和*NGF都是有效的。 我的设置:Ubuntu,VSCode,节点:10.15.3,npm:6.7.0 这是我的 此外,angular cli向我显示以下警告: 您的全局Angular CLI版本7.3.6高于本地版本 版本7.0.7。使用本地CLI版本 将post-list.component.html的第9行更改为 到 你错过了ngIf 对于警告,它只是说您
对于警告,它只是说您安装的@angular/cli全局npm install-g比package.json的要大,但这不会是问题的根源。请发布您的packages.json文件。这可能是你遇到麻烦的地方。关于@angular/cli warning,您可能已经在那里定义了它,并在全局范围内安装了它;将其从packages.json中删除或卸载全局实例。我不怀疑这是你真正的问题。可能是重复的
<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>
{
"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"
}
}
<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>