góc 2 - làm thế nào để truy cập vào chỉ thị và gọi một hàm thành viên trong đó

Question

Tôi có một chỉ thị như thế này -

@Directive({ 
    selector: 'someDirective' 
}) 
export class SomeDirective{   
    constructor() {}  
    render = function() {} 
} 

và sau đó tôi đang nhập khẩu các chỉ thị

import {SomeDirective} from '../../someDirective'; 
@Page({ 
    templateUrl: '....tem.html', 
    directives: [SomeDirective] 
}) 
export class SomeComponent { 
     constructor(){} 
     ngAfterViewInit(){//want to call the render function in the directive 
} 

Trong ngAfterViewInit, tôi muốn để gọi hàm render trong chỉ thị. Cách thực hiện việc này?

Answer 1

Đây là cách cũ,

@Directive({ 
    selector: 'someDirective' 
}) 
export class SomeDirective{   
    constructor() {}  
    render() { 
     console.log('hi from directive'); 
    } 
} 

import {Component,ViewChild} from 'angular2/core'; 
import {SomeDirective} from '../../someDirective'; 
@Component({ 
    templateUrl: '....tem.html', 
    directives: [SomeDirective] 
}) 
export class SomeComponent { 
     @ViewChild(SomeDirective) vc:SomeDirective; 
     constructor(){} 
     ngAfterViewInit(){ 
      this.vc.render(); 
     } 
} 

---

cho phiên bản mới hơn của Angular2, hãy làm theo câu trả lời đưa ra ở đây

Calling function in directive