Я получаю эту ошибку на angular: src / app / app.component. html: 18: 20 - ошибка TS2339: свойство DepScreen не существует для типа AppComponent - PullRequest
Новая
       43

Я получаю эту ошибку на angular: src / app / app.component. html: 18: 20 - ошибка TS2339: свойство DepScreen не существует для типа AppComponent

0 голосов
/ 21 июня 2020

Это мой компонент приложения. 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: свойство DepScreen не существует для типа AppComponent.

18 (click) = "DepScreen = true; EmpScreen = false;" > ~~~~~~~~~

src / app / app.component.ts: 5: 16 5 templateUrl: './app.component.html', ~~~~~~ ~~~~~~~~~~~~~~~~ Ошибка в шаблоне компонента AppComponent. src / app / app.component. html: 18: 36 - ошибка TS2339: свойство «EmpScreen» не существует для типа «AppComponent».

18 (click) = «DepScreen = true; EmpScreen = false; "> ~~~~~~~~~

src / app / app.component.ts: 5: 16 5 templateUrl: './app.component.html', ~~~ ~~~~~~~~~~~~~~~~~~~ Ошибка в шаблоне компонента AppComponent. src / app / app.component. html: 22: 20 - ошибка TS2339: свойство DepScreen не существует для типа AppComponent.

22 (click) = "DepScreen = false; EmpScreen = true; "> Сотрудники ~~~~~~~~~

src / app / app.component.ts: 5: 16 5 templateUrl: './app.component.html', ~~ ~~~~~~~~~~~~~~~~~~~~ Ошибка в шаблоне компонента AppComponent. src / app / app.component. html: 22: 36 - ошибка TS2339: свойство «EmpScreen» не существует для типа «AppComponent».

22 (click) = «DepScreen = false; EmpScreen = true; "> Сотрудники ~~~~~~~~~

src / app / app.component.ts: 5: 16 5 templateUrl: './app.component.html', ~~ ~~~~~~~~~~~~~~~~~~~~ Ошибка в шаблоне компонента AppComponent. src / app / app.component. html: 27: 28 - ошибка TS2339: свойство DepScreen не существует для типа AppComponent.

27 ~~~~~~~~~

src / app / app.component.ts: 5: 16 5 templateUrl: './app.component.html', ~~~~~~~ ~~~~~~~~~~~~~~~ Ошибка в шаблоне компонента AppComponent. src / app / app.component. html: 28: 26 - ошибка TS2339: свойство «EmpScreen» не существует для типа «AppComponent».

28 ~~~~~~~~~

src / app / app.component.ts: 5: 16 5 templateUrl: './app.component.html', ~~~~~~~ ~~~~~~~~~~~~~~~ Ошибка в шаблоне компонента AppComponent.

В чем именно заключается проблема и как ее решить?

1 Ответ

0 голосов
/ 21 июня 2020

Вы объявили EmpScreen и DepScreen в своем app.component.ts в разделе Class AppComponent? Примерно так: EmpScreen: boolean = false; DepScreen: boolean = false;

...