如何在 2 个组件 angularjs 之间共享数据（使用 typescript）答案

【问题标题】：how to share data between 2 component angularjs (use typescrip)如何在 2 个组件 angularjs 之间共享数据（使用 typescript）
【发布时间】：2019-02-11 11:46:26
【问题描述】：

我有一个组件：

export const TopBarMemberComponent: angular.IComponentOptions = {
        bindings: {},
        require: {
            controller: '^EngagementSetupMember'
        },
        templateUrl: 'topBarMembers.component.html'
    }

和父组件：

export const EngagementSetupMember: IComponentOptions = {
    controller: EngagementMembersController,
    templateUrl: 'engagement.component.html'
}

这是模块

import {EngagementSetupMember} from './../engagementMembers.component';
import {TopBarMemberComponent} from './topBarMembers.component'

export const topBarMembersModule: string = angular
.module('topbar-members', [])
.component('topbarMemberComponant', TopBarMemberComponent)
.name;

但是当我使用它时，丝网印刷

找不到 EngagementSetupMemberController

请帮忙！

【问题讨论】：

请提供更多代码。 module.ts 会很有趣，您可以在其中将组件分配给模块。
我编辑了它@scipper
所以，你没有注册EngagementSetupMember。添加.component('engagementSetupMember', EngagementSetupMember) 应该可以解决问题。
我应该在哪里添加它
就在topbarMemberComponant 声明的上方。

标签： angularjs typescript angularjs-controller angularjs-components

【解决方案1】：

到目前为止，您的代码应该如下所示：

// topBarMember.component.ts
export const TopBarMemberComponent: angular.IComponentOptions = {
  bindings: {},
  require: {
    controller: '^EngagementSetupMember'
  },
  templateUrl: requrire('./topBarMembers.component.html')
}


// engagementSetupMember.component.ts
export class EngagementMembersController {}

export const EngagementSetupMember: IComponentOptions = {
  controller: EngagementMembersController,
  templateUrl: require('./engagement.component.html')
}

// module.ts
import {EngagementSetupMember} from './../engagementMembers.component';
import {TopBarMemberComponent} from './topBarMembers.component'

export const topBarMembersModule: string = angular
  .module('topbar-members', [])
  .component('engagementSetupMember', EngagementSetupMember)
  .component('topbarMemberComponant', TopBarMemberComponent)
  .name;

【讨论】：

为什么在 templateUrl 中使用 require 如果我使用它，那将导出：未捕获的错误：没有 topBarMembers.component.html