как обмениваться данными между 2 компонентами angularjs (используйте typescrip)

Question

У меня есть компонент:

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

пожалуйста, помогите!

Answer 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;