thingsboard 自定义html

<div fxFlex fxLayout="column"

style="height: 100%;" fxLayoutAlign="center stretch" id="bgImage">

<div fxFlex fxLayout="row"

*ngFor="let dataKeyData of data"

fxLayoutAlign="space-around center">

<div *ngIf="dataKeyData.data[0][1]>0">

{{dataKeyData.data[0][1]}}</div>

<div>{{dataKeyData.dataKey.label}}123:</div>

<div>

{{(dataKeyData.data[0] && dataKeyData.data[0][0]) | date : 'yyyy-MM-dd HH:mm:ss' }}

</div>

<div>

{{dataKeyData.data[0][1]}}</div>

<div >

</div>

</div>

<div fxFlex fxLayout="row">

<div id="lfl">

{{data}}

</div>

</div>

<div fxFlex fxLayout="row">

</div>

</div>

var show;

var image;

self.onInit = function() {

self.ctx.$scope.data = self.ctx.defaultSubscription

.data;

show = 'true'

var bgImage = document.getElementById('bgImage')

bgImage.style.backgroundImage = "url('http://www.njatech.net:8082/enms/app_webs/core/programs/visualboard/images/c2r2_2.png')"

ctx.innerhtml = '213'

var lfl = document.getElementById('lfl')

var arr = self.ctx.$scope.data[0].data[0]

var num = []

for(var key in arr){

console.log(key,arr[key])

num.push(arr[key])

}

console.log('ctx==789==',typeof(arr),num[1])

let div = document.querySelector('#lfl')

let div1 = document.querySelector('#lfl1')

div.style.backgroundImage = "url('http://www.njatech.net:8082/enms/app_webs/core/programs/visualboard/images/c2r2_4.png')"

}

self.onDataUpdated = function() {

self.ctx.detectChanges();

var arr = self.ctx.$scope.data[0].data[0]

var num = []

for(var key in arr){

console.log(key,arr[key])

num.push(arr[key])

}

console.log('ctx==789==',typeof(arr),num[1])

let div = document.querySelector('#lfl')

var bgImage = document.getElementById('bgImage')

if (num[1]*1>10) {

console.log('zoule111')

div.style.backgroundImage = "url('http://www.njatech.net:8082/enms/app_webs/core/programs/visualboard/images/c2r2_1.png')"

bgImage.style.backgroundImage = "url('http://www.njatech.net:8082/enms/app_webs/core/programs/visualboard/images/c2r2_2.png')"

}else{

console.log('zoule')

div.style.backgroundImage = "url('http://www.njatech.net:8082/enms/app_webs/core/programs/visualboard/images/c2r2_3.png')"

bgImage.style.backgroundImage = "url('http://www.njatech.net:8082/enms/app_webs/core/programs/visualboard/images/c2r2_4.png')"

}

}

相关推荐
这就是佬们吗1 分钟前
一文讲清---ELK搭建
java·笔记·elk·docker·容器
Filotimo_2 分钟前
在java后端开发中,docker虚拟化容器用处
java·开发语言·docker
大学生资源网3 分钟前
基于springboot的智能家居系统的设计与实现(源码+文档)
java·spring boot·后端·毕业设计·源码
葵花楹3 分钟前
Maven 核心能力拆解 + 实战: Java 邮件群发
java·maven
洛阳纸贵6 分钟前
JAVA高级工程师--Maven父子关系专题
java·前端·maven
imkaifan9 分钟前
10、vue3中针对图片的处理
前端·javascript·vue.js
柯南二号10 分钟前
【大前端】【iOS】iOS 使用 Objective-C 绘制几大常见布局(UIKit / Core Graphics 实战)
前端·ios
编程小白gogogo11 分钟前
苍穹外卖---swagger
java
sinat_2554878117 分钟前
文件I/O流
java·jvm·算法
invicinble19 分钟前
对于使用html去进行前端开发的全面认识,以及过度到vue开发
前端·javascript·vue.js