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

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。