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')"

}

}

相关推荐
恋猫de小郭1 分钟前
Apple 的 ANE 被挖掘,AI 硬件公开,宣传的 38 TOPS 居然是"数字游戏"?
前端·人工智能·ios
小岛前端5 分钟前
Node.js 宣布重大调整,运行十年的规则要改了!
前端·node.js
OpenTiny社区6 分钟前
OpenTiny NEXT-SDK 重磅发布:四步把你的前端应用变成智能应用
前端·javascript·ai编程
梦想CAD控件22 分钟前
在线CAD开发包结构与功能说明
前端·javascript·vue.js
张拭心27 分钟前
春节后,有些公司明确要求 AI 经验了
android·前端·人工智能
时光不负努力28 分钟前
typescript常用的dom 元素类型
前端·typescript
小怪点点33 分钟前
大文件切片上传
前端
时光不负努力34 分钟前
TS 常用工具类型
前端·javascript·typescript
SuperEugene35 分钟前
Vue状态管理扫盲篇:Vuex 到 Pinia | 为什么大家都在迁移?核心用法对比
前端·vue.js·面试
张拭心37 分钟前
Android 17 来了!新特性介绍与适配建议
android·前端