Angular2从模板点击事件写入控制台

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

导读：我想知道以下是否可能以某种方式.问题不仅限于console.info,而是一般的所有 Javascript函数. a (click)="console.info(foo)"click me doesn't work/a 无法读取未定义的属性“信息” 模板似乎只能访问组件属性,因此您必须为组件内部创建一个额外的功能： a (c

我想知道以下是否可能以某种方式.问题不仅限于console.info,而是一般的所有 Javascript函数.

<a (click)="console.info(foo)">click me doesn't work</a>

无法读取未定义的属性“信息”

模板似乎只能访问组件属性,因此您必须为组件内部创建一个额外的功能：

<a (click)="executeConsole(val)">execute console does work</a>

executeConsole(val) {
  console.info(val);
}

使用React,您可以执行以下操作：

<a onClick={() => console.info('it works')}>it works</a>

解决方法

您必须声明一个可以访问组件ts代码中的控制台对象的属性,然后调用它.例如…

在你的组件中声明ts …

public c : any;

在组件构造函数中将属性设置为控制台对象…

this.c = console;

在您的视图中,您现在可以调用info()…

<a (click)="this.c.info("Hello world")">click me</a>

（编辑：李大同）

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