Angular cli 7 组件不会在自定义标记调用时呈现 html



我对angular-cli 7有问题。我使用cli命令行构建一个新项目,我也使用命令行创建了一个新组件,当我在 app.component.html 中使用他的自定义 html 标记调用这个新组件时。没有显示任何内容。

我做了很多研究,更改了角度版本,更改了操作系统,更改了浏览器,尝试了不同的配置。我的控制台中没有错误,也没有 html 渲染。我不明白为什么?

/////////////////app.component.html 
<!--The content below is only a placeholder and can be replaced.-->
<div style="text-align:center">
  <h1>
    Welcome to {{ title }}!
  </h1>
  <img width="300" alt="Angular Logo" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==">
</div>
<h2>Here are some links to help you start: </h2>
<ul>
  <li>
    <h2><a target="_blank" rel="noopener" href="https://angular.io/tutorial">Tour of Heroes</a></h2>
  </li>
  <li>
    <h2><a target="_blank" rel="noopener" href="https://angular.io/cli">CLI Documentation</a></h2>
  </li>
  <li>
    <h2><a target="_blank" rel="noopener" href="https://blog.angular.io/">Angular blog</a></h2>
  </li>
</ul>
<maison></maison>
<router-outlet></router-outlet>
////////////app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';
import { FormsModule }   from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { BoiteComponent } from './boite/boite.component';
import { MaisonComponent } from './maison.component';
@NgModule({
  declarations: [
    AppComponent,
    BoiteComponent,
    MaisonComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    FormsModule,
    HttpClientModule
  ],
  exports:[
    BoiteComponent,
    MaisonComponent
  ],
  providers: [],
  bootstrap: [
    AppComponent
  ],
  schemas: [ NO_ERRORS_SCHEMA ]
})
export class AppModule { 
}

我只想使用角度的BASCIS,并能够在另一个组件中调用一个组件。现在这不起作用,我不明白为什么...从几个月前开始我就没有使用 angular 编码,所以也许我忘记了一些简单的事情,但我从 HOURES 开始就遇到了这个问题,所以我请你帮忙,谢谢

好的...当你提出问题时,你总是找到答案^^解决方案:当您为组件命名时,例如:您好当您在应用程序上调用它时,您不会调用(这不起作用(

你必须打电话

如果这个答案可以帮助其他人,让他们赢得一些时间...... :) ;)

最新更新