我在 angular:src/app/app.component.html:18:20 上收到此错误 - 错误 TS2339:属性"DepScreen"在类型"AppComponent"上不存在



这是我的应用组件.html代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="container">
<h3 class="d-flex justify-content-center">Angular 8 with Web API Demo</h3>
<h5 class="d-flex justify-content-center">Employee Management Portal</h5>
<nav class="navbar navbar-expand-sm bg-light navbar-dark">
<ul class="navbar-nav">
<li class="nav-item">
<button class="m-1 btn btn-light btn-outline-primary" Button
name="DepScreen"
(click)="DepScreen=true; EmpScreen=false;">
Department</button>
<button class="m-1 btn btn-light btn-outline-primary" Button
name="EmpScreen"
(click)="DepScreen=false;EmpScreen=true;">Employees</button>
</li>
</ul>
</nav>
<app-department *ngIf="DepScreen"></app-department>
<app-employee *ngIf="EmpScreen"></app-employee>
</div>
</body>
</html>

我得到的错误是:

编译失败。

src/app/app.component.html:18:20 - 错误 TS2339:类型"AppComponent"上不存在属性"DepScreen"。

18 (点击(="DepScreen=true;EmpScreen=false;"> ~~~~~~~~~

src/app/app.component.ts:5:16 5 templateUrl: './app.component.html', ~~~~~~~~~~~~~~~~~~~~~~ 组件应用程序组件的模板中发生错误。 src/app/app.component.html:18:36 - 错误 TS2339:类型"AppComponent"上不存在属性"EmpScreen"。

18 (点击(="DepScreen=true;EmpScreen=false;"> ~~~~~~~~~

src/app/app.component.ts:5:16 5 templateUrl: './app.component.html', ~~~~~~~~~~~~~~~~~~~~~~ 组件应用程序组件的模板中发生错误。 src/app/app.component.html:22:20 - 错误 TS2339:类型"AppComponent"上不存在属性"DepScreen"。

22 (点击(="DepScreen=false;EmpScreen=true;">员工 ~~~~~~~~~

src/app/app.component.ts:5:16 5 templateUrl: './app.component.html', ~~~~~~~~~~~~~~~~~~~~~~ 组件应用程序组件的模板中发生错误。 src/app/app.component.html:22:36 - 错误 TS2339:类型"AppComponent"上不存在属性"EmpScreen"。

22 (点击(="DepScreen=false;EmpScreen=true;">员工 ~~~~~~~~~

src/app/app.component.ts:5:16 5 templateUrl: './app.component.html', ~~~~~~~~~~~~~~~~~~~~~~ 组件应用程序组件的模板中发生错误。 src/app/app.component.html:27:28 - 错误 TS2339:类型"AppComponent"上不存在属性"DepScreen"。

27~~~~~~~~~

src/app/app.component.ts:5:16 5 templateUrl: './app.component.html', ~~~~~~~~~~~~~~~~~~~~~~ 组件应用程序组件的模板中发生错误。 src/app/app.component.html:28:26 - 错误 TS2339:类型"AppComponent"上不存在属性"EmpScreen"。

28~~~~~~~~~

src/app/app.component.ts:5:16 5 templateUrl: './app.component.html', ~~~~~~~~~~~~~~~~~~~~~~ 组件应用程序组件的模板中发生错误。

问题到底是什么,我该如何解决?

您是否在 app.component.ts 的 Class AppComponent 下声明了 EmpScreen 和 DepScreen? 像这样: EmpScreen : 布尔值 = 假; DepScreen:布尔值 = 假;

最新更新