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

前端之家收集整理的这篇文章主要介绍了Angular2从模板点击事件写入控制台前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道以下是否可能以某种方式.问题不仅限于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>

猜你在找的Angularjs相关文章