Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Angular2从模板点击事件写入控制台大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道以下是否可能以某种方式.问题不仅限于console.info,而是一般的所有 Javascript函数.

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

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

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

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

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

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

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

解决方法

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

你的组件中声明ts …

public c : any;

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

this.c = console;

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

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

大佬总结

以上是大佬教程为你收集整理的Angular2从模板点击事件写入控制台全部内容,希望文章能够帮你解决Angular2从模板点击事件写入控制台所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。