how to share data between 2 component angularjs (use typescrip)

Question

i have a component :

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

and parent component:

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

this is module

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

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

but when i use it,screen printed

can not find EngagementSetupMemberController

please help!

please provide a bit more code. the module.ts would be interesting, where you assign your components to your module. — scipper
– scipper, Commented Sep 6, 2018 at 9:05
So, you did not register EngagementSetupMember. Adding .component('engagementSetupMember', EngagementSetupMember) should do the trick. — scipper
– scipper, Commented Sep 6, 2018 at 9:14

scipper · Accepted Answer · 2018-09-06 09:49:39Z

0

Your code should look like this so far:

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

answered Sep 6, 2018 at 9:49

scipper

3,1813 gold badges27 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

The Manh Nguyen Over a year ago

Why use require in templateUrl if i use it, that will export: Uncaught Error: No topBarMembers.component.html

Collectives™ on Stack Overflow

how to share data between 2 component angularjs (use typescrip)

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related