How to call a function from imported module in angular 2 (typescript)

Question

abc.component.ts
import...
...
...
@component({ ... })

export class Abc {

  public foo(){
     console.log("execute foo in UserComponent's xyz() ");
  }
}

user.component.ts
import...
...
...
import {Abc} from '../utils/abc.component';
@Component({
    selector: 'user',
    templateUrl: 'app/user/user.html',
    providers: [HTTP_PROVIDERS],
    directives: [Abc]
})
export class UserComponent {

   xyz(){
      Abc.foo(); //--> ?
   }
}

I have imported Abc module in user.component.ts. How can I call Abc.foo() in UserComponent Class methods?

How are the components related in the DOM. You usually don't call a method of a class. You usually want to call a method on a specific instance. — Günter Zöchbauer, May 01 '16 at 13:44
@GünterZöchbauer In DOM 'abc'(html element) will be there inside 'user' (html element) — Srikanth Darmapuri, May 01 '16 at 13:48
Please add some code/html to your question that demonstrates what you try to accomplish. — Günter Zöchbauer, May 01 '16 at 13:49
@GünterZöchbauer I have added typescript code please check. My requirement is to call the method of imported module. — Srikanth Darmapuri, May 01 '16 at 13:53
http://stackoverflow.com/questions/35276291/how-do-expose-angular-2-methods-publicly/35276652?noredirect=1#comment58266532_35276652 — Yoav Schniederman, Apr 16 '17 at 04:00

yurzui · Accepted Answer · 2017-08-09T12:16:45.470

0

You could use Parent calls a ViewChild scenario from official documentation Angula2 like this

Parent component

import {Component, ViewChild} from '@angular/core'

@Component({
  selector: 'my-app',
  template: `
    <div>
      <abc></abc>
    </div>`
})
export class App {
  @ViewChild(ABC)
  private abc:ABC;
  ngAfterViewInit() {
    this.abc.foo();
  }
}

Corresponding plunker example is here https://plnkr.co/edit/VPsMTtJ29XBWr7SCqbzA?p=preview

edited Aug 09 '17 at 12:16

answered May 01 '16 at 14:01

yurzui

205,937
32
433
399

`'directives' does not exist in type 'Component'` I get this msg when I tried ur solution. – Aravindh Gopi Aug 09 '17 at 10:45

How to call a function from imported module in angular 2 (typescript)

1 Answers1