首页 > 解决方案 > Thingsboard 小部件库 Javascript 不起作用

问题描述

我正在尝试在 Thingsboard 上制作一个自定义小部件,该小部件在按下时会更改文本。像这样: 自定义小部件创建

但它根本不起作用。我究竟做错了什么?

标签: javascriptiotthingsboard

解决方案


你读过官方的小部件开发指南吗?

有一些使用点击事件的例子

https://thingsboard.io/docs/user-guide/contribution/widgets-development/#static-widget

Thingsboard 使用 AngularJS,因此您可以将点击处理程序绑定到具有如下ng-click属性的元素:

<p id="text" ng-click="changeText()">Text</p>

要完成这项工作,您需要在小部件的范围内创建该点击处理程序。执行此操作的最佳位置是onInit()小部件的方法。

self.onInit = function() {
    self.ctx.$scope.changeText = function() {
        // change your text here
    };
};

推荐阅读