angular – 指令中的调用函数

发布时间：2020-12-17 07:59:33 所属栏目：安全来源：网络整理

导读：我试图通过像这样的viewchild获取指令来调用一个公共函数,该函数位于我的组件指令中 @ViewChild('myDirective') myDirective; .... myDirective.nativeElement.myFunction(); 但是我得到myFunction不存在的错误. 有没有办法调用一个iniside指令的函数？ DEMO

我试图通过像这样的viewchild获取指令来调用一个公共函数,该函数位于我的组件指令中

@ViewChild('myDirective') myDirective;
 ....
 myDirective.nativeElement.myFunction();

但是我得到myFunction不存在的错误.
有没有办法调用一个iniside指令的函数？

DEMO – How to call Directive’s function from Component – 检查浏览器
安慰

1)我希望你导入myDirective指令.

import {myDirective} from './Directive';

@ViewChild(myDirective) vc:myDirective;   ///<<<@@@removed '' from ('myDirective')

ngAfterViewInit(){   
    this.vc.myFunction();                 ///<<@@@ no need to use nativeElement
}

4)或某些按钮的点击事件

click(){
   this.vc.myFunction();
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!