html - 在angularjs中获取用户定义的属性值

Question

HTML

<input type="text" class="fulltextbox saving_field" dataid="1" dataname="temperature" dataunit="&deg; F" ng-model="addVt.Temp.value" />

js

    var tData = [];
angular.forEach(angSel('.saving_field'), function(v, k){
            console.log(v.dataname);
            tData.push({id: v.dataid, name: v.dataname, value: v.value, unit: v.dataunit});
    });

但是我得到的 v.dataname 为未定义。

Answer 1

您应该使用以下属性来访问它:

v.dataset

此外，数据属性中应该有一个连字符。类似于data-name，而不是dataname。

所以 HTML 会是:

<input type="text" class="fulltextbox saving_field" data-id="1" data-name="temperature" data-unit="&deg; F" ng-model="addVt.Temp.value" />

在 JavaScript 中:

tData.push({id: v.dataset.id, name: v.dataset.name, value: v.value, unit: v.dataset.unit});

See the documentation on how to properly use data attributes.