how to add angular tags to html attribute in razor

Question

rather than do this

<input type="checkbox" name="AltSchedule" ng-show="someVar" />

i want to be able to do this

@Html.CheckBoxFor(model => model.AltSchedule, new  {ng-show="someVar" })

but i can't seem to find an answer on who to accomplish using the html helpers with angular tags. Is there way to add angular tags to the html attributes parameter for an html helper?

ajbeaven · Accepted Answer · 2013-10-11 23:33:10Z

39

Underscores in the htmlAttributes parameter are converted to hyphens when the control is rendered:

@Html.CheckBoxFor(model => model.AltSchedule, new  {ng_show="someVar" })

answered Oct 11, 2013 at 23:33

ajbeaven

9,60713 gold badges84 silver badges129 bronze badges

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

1 Comment

Chad Over a year ago

Thank you, this helped me 4 years after you answered.

Ryan Wright · Accepted Answer · 2013-10-11 23:37:45Z

4

You can use the overload that takes a dictionary:

@Html.CheckBoxFor(model => model.AltSchedule, new Dictionary<string, object>() { { "ng-show", "someVar" } })

edited Oct 11, 2013 at 23:37

answered Oct 11, 2013 at 23:32

Ryan Wright

3,4832 gold badges19 silver badges9 bronze badges

Collectives™ on Stack Overflow

how to add angular tags to html attribute in razor

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related