LiveDataField

janusLiveDataField组件

简介

用来显示实时信息的组件，每次设备上传数据后，调用janus.updateLiveDataField(data),数据自动更新

组件属性

序号	名称	必填	描述
1	label	是	组件的标签名
2	field	是	对应设备数据中的栏位；注意：栏位需是设备数据中栏位所在的路径。 eg：设备上传数据为{"action":"update","uuid":"","data":{"temp":"10"}}， 那么如果要绑定temp，则是field="data.temp"，如果要绑定uuid，则是field="uuid"。
3	unit	否	提示信息（单位）
4	label-width	否	label宽度,属性值为数值

示例代码

html代码

<div ng-app="app" ng-controller="InfoController">
    <janus-live-data-field label="温度" field="data.temp" unit="℃" label-width="100"></janus-live-data-field>
</div>

JavaScript代码

define([], function () {
    var app = angular.module('app');
    app.controller('InfoController', ['$scope','janus', function ($scope,janus) {
        var deviceData = {
            "action":"update",
            "uuid":"",
            "data":{
                "temp":"100"
            }
         };
        /*调用updateLiveDataField实现页面上数据栏位更新*/
        janus.updateLiveDataField(deviceData);
    }]);
})

运行效果