ThingsBoard实战教程（十五）：部件库的点击事件

本文主要是介绍ThingsBoard实战教程（十五）：部件库的点击事件，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

前言
上一篇我们简单介绍了tb的一些基本内置函数，通过这些函数我们可以监听仪表盘的缩放，订阅数据的改变，以及是否是手机模式下预览。
本篇文章将进入更加具体的实践，对这个些部件库的api做更加详细的解释，在制作物联网仪表盘中的实践。

本篇文章我们就来演示一下部件库中的事件操作，假如我们的部件上有一个按钮，或者一个div,我们想让这个按钮在点击时，触发一个我们定义的函数。
下面我们就来演示如何做这样一个基本的操作。

创建静态部件
我们创建一个静态部件，
html中写入

<div fxFlex fxLayout="column" style="height: 100%;"fxLayoutAlign="space-around stretch"><h3 style="text-align: center;">My first static widget.</h3><button mat-raised-button color="primary"(click)="showAlert()">Click me</button><p (click)="showAlert()">232323</p>
</div>

js中写入

self.onInit = function() {self.ctx.$scope.showAlert = function() {var alertCo

这篇关于ThingsBoard实战教程（十五）：部件库的点击事件的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---