Question

我从Angular开始，但是添加新组件时遇到问题：

我已经在Angular中启动了一个新项目，ng new toto没有错误，然后我添加了一个ng generate component menu的新组件，没有错误，我删除了app.component.html中的全部内容并添加{ {1}} MenuComponent

app.module.ts

<MenuComponent></MenuComponent>

menu.component.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { MenuComponent } from './menu/menu.component';

    @NgModule({
      declarations: [
        AppComponent,
        MenuComponent
      ],
      imports: [
        BrowserModule
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }

app.component.html

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-menu',
  templateUrl: './menu.component.html',
  styleUrls: ['./menu.component.css']
})
export class MenuComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}

我的Angular CLI版本：

<MenuComponent></MenuComponent>

我的问题是为什么这个简单的东西不起作用？

我的错误

Angular CLI: 6.0.0
Node: 10.0.0
OS: linux x64
Angular: 6.0.0
... animations, cli, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.6.0
@angular-devkit/build-angular     0.6.0
@angular-devkit/build-optimizer   0.6.0
@angular-devkit/core              0.6.0
@angular-devkit/schematics        0.6.0
@ngtools/webpack                  6.0.0
@schematics/angular               0.6.0
@schematics/update                0.6.0
rxjs                              6.1.0
typescript                        2.7.2
webpack                           4.6.0

提前感谢您的帮助

Answer 1

我确定 selector 的 MenuComponent 应该不同。

使用 selector 中的 menu.component.ts ，而不是使用组件名称本身。像，

<app-menu> </app-menu>

使用Angular添加新组件时出错

1 个答案: