Getting user defined attribute values in 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});
    });

But I am getting v.dataname as undefined.

Nandeep Mali · Accepted Answer · 2016-06-06 10:05:18Z

2

You should be using the following attribute to access it:

v.dataset

Also, the data attributes should have a hyphen in them. Like data-name and not dataname.

So HTML would be:

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

And in 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.

answered Jun 6, 2016 at 10:05

Nandeep Mali

4,4561 gold badge27 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

sanjeev shetty Over a year ago

and to get the value of its "class" attribute ? v.class gave undefined. v.dataset.class gave undefined.

Nandeep Mali Over a year ago

You can generally use getAttribute javascriptkit.com/dhtmltutors/domattribute.shtml

Nandeep Mali Over a year ago

or className for class specifically.

sanjeev shetty Over a year ago

Thank you @nandeep mali for the answer and the link. It is very useful.

Collectives™ on Stack Overflow

Getting user defined attribute values in angularjs

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related