时间戳

首页 > 解决方案 > 1.如果'selector'是一个Angular组件，那么验证它是这个模块的一部分

javascript - 1.如果'selector'是一个Angular组件，那么验证它是这个模块的一部分

问题描述

我无法注册我的组件。如果我设置

<app-actions-button></app-actions-button>

这是很好的工作。但是如果我设置

<app-actions-button (send)="some($event)"></app-actions-button>

我得到了错误：

src/app/test.component.html:162:1 中的错误 - 错误 NG8001：'app-actions-button' 不是已知元素：

  1. 如果 'app-actions-button' 是一个 Angular 组件，那么验证它是这个模块的一部分。
  2. 如果“app-actions-button”是一个 Web 组件，则将“CUSTOM_ELEMENTS_SCHEMA”添加到该组件的“@NgModule.schemas”以禁止显示此消息。

检查我的模块：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

import { ActionsButtonRoutingModule } from '../actions-button/actions-button-routing.module';
import { ActionsButtonComponent } from './actions-button.component';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { ModalModule } from "ngx-bootstrap/modal";

@NgModule({
  declarations: [ActionsButtonComponent],
  imports: [
    CommonModule,
    ActionsButtonRoutingModule,
    FormsModule, ReactiveFormsModule,
    ActionsButtonComponent
  ],
  exports: [ActionsButtonComponent],
})
export class ActionsButtonModule { }

标签： javascriptangulartypescript

解决方案

您的组件app-actions-button没有@Output属性并且无法编译。

您可以在@Output Angular 文档中阅读有关如何在此处实现它的更多信息

推荐阅读