angular公共组件在不同的module的父组件中使用

我在跨module主从组件的使用那里报了错误:

Can't bind to 'sample' since it isn't a known property of 'app-single-sample-form'.

其实我想要的是component1在module1中声明,但是要应用在不同的module的父组件中,比如module2.component2,module3.component3,要如何做呢?

只需要的module1中设置exports块.将它导出来就好了.

设置exports  !!!

设置exports  !!!

设置exports  !!!

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {SimpleSamplesComponent} from './simple-samples.component';
import { DialogModule} from 'primeng/primeng';//引入primeng样式模块
/*简单样品列表组件需要作为公共组件,请务必设置exports块*/
@NgModule({
  imports: [
    CommonModule,
	DialogModule	
  ],
  exports:[
	CommonModule,
	SimpleSamplesComponent
  ],
  declarations: [SimpleSamplesComponent]
})
export class SimpleSamplesModule { }

从这篇帖子得到的启发,虽然是关于angular2的,但是对于高版本的angular同样适用

https://segmentfault.com/q/1010000011540335/a-1020000011542369

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值