Projeto Angular: pg. não aparece

Olá!

Vejam só que problema chato: escrevi uma pg em Angular (seguindo um exemplo do Macoratti), mas a pg não é exibida e também não ocorre erro algum.

Ou seja, eu não sei o que posso fazer, alguém pode me dar alguma dica?

Segue abaixo o código da citada página:

  <p>empresa works!</p><div class="container">      
    <mat-card>
      <mat-toolbar color="accent">
        <div align="center" style="color:white;text-align: right;">
         ASP .NET MVC 5 - Angular 8
        </div>  
      </mat-toolbar>
    <br><br>
      <mat-card-content>
        <form [formGroup]="EmpresaForm"(ngSubmit)="onFormSubmit(empresaForm.value)">
                <table>
                  <tr>
                    <td class="tbl1">
                      <mat-form-field class="demo-full-width">
                        <input formControlName="Nomefantasia" matTooltip="Informe o Nome Fantasia!" matInput placeholder="Nomefantasia">
                      </mat-form-field>
                      <mat-error>
                         <span *ngIf="!empresaForm.get('fantasia').value && empresaForm.get('Nomefantasia').touched"></span>
                      </mat-error>
                    </td>
                    <td class="tbl1">
                      <mat-form-field class="demo-full-width">
                        <input formControlName="rzsocial" matTooltip="Entre com a Razão Social!" matInput placeholder="rzsocial">
                      </mat-form-field>
                      <mat-error>
                        <span *ngIf="!empresaForm.get('rzsocial').value && empresaForm.get('rzsocial').touched"></span>
                      </mat-error>
                    </td>
                  </tr>
                  <tr>
                    <td class="tbl1">
                        <mat-form-field class="demo-full-width">
                       <input formControlName="Telefone" matTooltip="Informe o Telefone" matInput placeholder="telefone">
                      </mat-form-field>
                      <br><br>
                      <mat-error>
                        <span *ngIf="!empresaForm.get('Telefone').value && empresaForm.get('Telefone').touched"></span>
                      </mat-error>
                    </td>

                    <td class="tbl1">
                      <mat-form-field class="demo-full-width">
                         <input matTooltip="Informe o CNPJ "formControlName="CNPJ" matInput placeholder="cnpj">
                      </mat-form-field>
                      <mat-error>
                        <span *ngIf="!empresaForm.get('cnpj').value && empresaForm.get('cnpj').touched"></span>
                      </mat-error>
                    </td>
  
                    <td class="tbl1">
                      <mat-form-field class="demo-full-width">
                        <input formControlName="Cidade" matTooltip="Informe a Cidade" matInput placeholder="Cidade">
                      </mat-form-field>
                      <mat-error>
                        <span *ngIf="!empresaForm.get('Cidade').value && empresaForm.get('Cidade').touched"></span>
                      </mat-error>
                    </td>
                  </tr>
                  <tr>
                    <td></td>
                    <td  class="content-center">
                      <button type="submit" mat-raised-button color="accent"matTooltip="Clique em Submeter para enviar"[disabled]="!empresaForm.valid">Submeter</button>    
                      <button type="reset" mat-raised-button color="accent"matTooltip="Clique em Resetar para limpar" (click)="resetForm()">Resetar</button>
                    </td>
                    <td>
                      <p *ngIf="dataSaved" style="color:rgb(0, 128, 0);font-size:20px;font-weight:bold" Class="success" align="left">
                        {{massage}}
                      </p>
                    </td>
                  </tr>
                </table>
    <br><br>
               <table class="table" >
               <tr ngclass="btn-primary">
                <th class="tbl2">Id</th>
                <th class="tbl2">Fantasia</th>
                <th class="tbl2">RzSocial</th>
                <th class="tbl2">Telefone</th>
                <th class="tbl2">CNPJ</th>
                <th class="tbl2">Email</th>
                <th class="tbl2">Cidade</th>
                <th class="tbl2"></th>
                <th class="tbl2"></th>
              </tr>
              <tr *ngFor="let empresa of allEmpresa | async">
                <td class="tbl2">{{empresa.Id}}</td>
                <td class="tbl2">{{empresa.fantasia}}</td>
                <td class="tbl2">{{empresa.rzsocial}}</td>
                <td class="tbl2">{{empresa.telefone}}</td>
                <td class="tbl2">{{empresa.cnpj}}</td>
                <td class="tbl2">{{empresa.email}}</td>
                <td class="tbl2">{{empresa.cidade}}</td>
                <td class="tbl2">
                  <button type="button" class="btn btn-info"matTooltip="Clique para Editar"(click)="loadEmpresaToEdit(empresa.Id)">Edita</button>
                </td>
                <td class="tbl2">
                  <button type="button" class="btn btn-danger"matTooltip="Clique para Deletar"(click)="deleteEmpresa(empresa.Id)">Deleta</button>
                </td>
              </tr>    
  
            </table>
        </form>
      </mat-card-content>
    </mat-card>
    </div>

Desculpe minha ignorância, mas o que é pg.?

Lucas,
Um prefixo para página. No caso, nenhuma pg. é exibida e também não aparece nenhum erro.