H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【前端问题精选】关于angular2组件问题

1.我想创建一个公用组件public,但是遇到了一些问题
2.app.module.ts:
import { BrowserModule } from ‘@angular/platform-browser’;
import { NgModule } from ‘@angular/core’;
import { FormsModule } from ‘@angular/forms’;

import { AppRoutingModule } from ‘./app-routing.module’;
import { AppComponent } from ‘./app.component’;
import { HeroesComponent } from ‘./heroes/heroes.component’;
import { HeroDetailComponent } from ‘./hero-detail/hero-detail.component’;
import { MessagesComponent } from ‘./messages/messages.component’;

import { PublicModule } from ‘./public/public.module’;

@NgModule({
declarations: [

AppComponent,
HeroesComponent,
HeroDetailComponent,
MessagesComponent

],
imports: [

BrowserModule,
AppRoutingModule,
FormsModule,
    PublicModule

],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
public.module.ts:
import { NgModule } from ‘@angular/core’;
import { CommonModule } from ‘@angular/common’;
import { PublicComponent } from ‘./public.component’;
import { DelComponent } from ‘./del/del.component’;

@NgModule({
declarations: [PublicComponent, DelComponent],
imports: [

CommonModule

]
})
export class PublicModule { }
3.文件目录如下图:图片描述

如何在app.component.html里面加载public.component.html?
如何在app.component.html里面使用public下面的del组件?
两个问题 谢谢各位解答### 问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

你期待的结果是什么?实际看到的错误信息又是什么?

回答:

你这样写就可以了,app.component.html可以引用PublicComponent和DelComponent组件,因为appmodule里面已经import了PublicModule,不过可能PublicModule还要export这两个组件:

exports:[PublicComponent, DelComponent]

app.component.html可以引用PublicComponent和DelComponent组件的方法,直接用PublicComponent和DelComponent组件的selector,通常是自定义标签。你没贴代码出来不知道你设置的标签名是什么。

本文地址:H5W3 » 【前端问题精选】关于angular2组件问题

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址