How to Add an Arbitrary Attribute to an HTML Tag Using AngularJS

Question

I need to dynamically designate some <button>s as having a value like correct=true or correct=false. I see how to use Ideally this attribute would be invisible to the a user clicking 'view source.' I can live with the answer being visible via a JavaScript debugger.

Right now I am storing it in a separate data structure and looking it up via the id which is dynamically constructed by AngularJS:

<div style="padding-top: 5px" class="col-md-offset-3" ng-repeat="answer in answers">
   <button id="answerChoice_{{$index}}" 
           style="font-size: 18px;" 
           class="btn btn-default" 
           ng-click="selectButton($event)" >

           {{answer}}

   </button>
</div>

Have you considered HTML 5 data- attributes?

FK82
– FK82

2013-10-21 19:02:52 +00:00
Commented Oct 21, 2013 at 19:02 — FK82
– FK82, Commented Oct 21, 2013 at 19:02

Shipow · Accepted Answer · 2013-10-21 18:43:30Z

2

ng comes with jquery light version so you can script something like

$('button').attr("correct",true);

answered Oct 21, 2013 at 18:43

Shipow

2,4471 gold badge21 silver badges28 bronze badges

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

1 Comment

Muhammad Hewedy Over a year ago

When I add required attr, the form is not being validated as required. Only when I write it by hand the required validation is fired.

Collectives™ on Stack Overflow

How to Add an Arbitrary Attribute to an HTML Tag Using AngularJS

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related