angular2 模块 组件共用组件引用模块应该怎么放在那里

在 SegmentFault,解决技术问题
每个月,我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们,都在这里:
获取验证码
已有账号?
问题对人有帮助,内容完整,我也想知道答案
问题没有实际价值,缺少关键内容,没有改进余地
感觉在一个模块的module中引入别的module后还要把这个引入的module所引入的组件都要重新import一次
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
不用啊,假如你引用了ionic的模块,ionic的组件你不是都能用了,难道还要把他的组件全import一遍吗
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
关于angular模块的问题很复杂,我暂且理解你想要定义一个公共模块,然后模块里面有一堆公用组件,这些组件可以在任意其他模块使用,那么这种情况下,你定义的公共模块必须要导出你所有隶属于这个模块的公共组件,在其他模块使用的时候不用导入这些公共组件,只需要导入公共模块即可,例如:公共模块
// 公共模块
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { A } form 'a.component';
import { B } form 'b.component';
import { C } form 'c.component';
@NgModule({
imports: [
CommonModule,
exports: [
CommonModule,
AComponent,
BComponent,
CComponent,
declarations: [
AComponent,
BComponent,
CComponent,
export class SharedModule {
import { SharedModule } from './../shared/shared.module';
import { NgModule } from '@angular/core';
import { CallerComponent } from './ponent';
@NgModule({
imports: [
CommonModule,
SharedModule,
declarations: [
CallerComponent
providers: []
export class MallModule { }
调用的组件
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-caller',
template: `
&p&{{title}}&/p&
styleUrls: []
export class CallerComponent implements OnInit {
constructor() {
this.title = 'caller';
ngOnInit() {
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
这个问题涉及到模块的作用域问题,一两句说不清楚的,可以参考,讲的很详细
答案对人有帮助,有参考价值
答案没帮助,是错误的答案,答非所问
只要模块中声明和导出了相关组件,直接导入此模块即可使用组件。
同步到新浪微博
分享到微博?
关闭理由:
删除理由:
忽略理由:
推广(招聘、广告、SEO 等)方面的内容
与已有问题重复(请编辑该提问指向已有相同问题)
答非所问,不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因(请补充说明)
我要该,理由是:在不确定父组件的情况下,子组件怎么调用父组件的方法
pageB 是 pageA1,pageA2 的子路由所对应的组件,内容是一个表单
pageA1,pageA2 是一个包含弹框dialog,dialog里面是route-outlet。点击页面的按钮,弹框弹出,弹框里面的内容是pageB
假设 pageB表单提交, 我需要关闭dialog,并且pageA1,pageA2 里面的表格数据要刷新
尝试处理的方式
一开始解决这种问题,是在pageB通过
1@Inject(forwardRef(() =& pageA1)) private _parent: pageA1
获取父组件实例,然后调用里面的方法关闭窗口,并且重新请求表格数据。
这样处理会有一个问题,就是pageB必须要确定其父组件的类型,是pageA1还是pageA2
有没有什么方法能解决这个问题?引入redux这种的ngrx可以解决这个问题吗。
或者说有没有什么更好的方式实现弹框提交表单
谢邀,这个涉及组件通信的内容,可以在父组件监听子组件的消息,具体可以先参考一下以下两篇文章:
Angular 2 RxJS Subject 应用
Angular 2 Components Communicate
线上的具体示例
本文出自操他妈,转载时请注明出处及相应链接。
本文永久链接: /103734.html
Ɣ回顶部}

我要回帖

更多关于 angular2 t组件引用js 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信