How do I create a div element in AngularJs?

Question

How do I create a div element dynamically in AngularJS?

Example :

<table ng-controller="tableController">
 <tr ng-repeat="totaldivs in parameters">
    <td ng-repeat="divId in totaldivs">
    <!-- 
    want to replace something like below div
    <div id="days_01"><span>DIV_01</span></div>
     -->
    </td>
 </tr>
</table>

In jQuery we can do it using $('#IdOr.Class').html(param); How to do it using AngularJs ?

why can't you just put it there <td ng-repeat="divId in totaldivs"><div id="days_01"><span>DIV_01</span></div></div>? — Max Koretskyi
– Max Koretskyi, Commented Nov 18, 2016 at 18:05
I need to look at the url parameter something like index.php/?items=10&name='abc'&adr='address' then I need to append 10 rows with relevant parameters with new div /span etc — Elshan
– Elshan, Commented Nov 18, 2016 at 18:12
you don't usually create DOM elements manually, the framework does it for based on the template you specified. So just put correct information in the template — Max Koretskyi
– Max Koretskyi, Commented Nov 18, 2016 at 18:23

JstnPwll · Accepted Answer · 2016-11-18 18:12:31Z

2

You're probably looking for something like this:

<table ng-controller="tableController">
 <tr ng-repeat="totaldivs in parameters">
    <td ng-repeat="divId in totaldivs">
       <div id="{{divId}}"><span>{{divContent}}</span></div>
    </td>
 </tr>
</table>

You're already inside a repeat loop, so the div will be created for each td. You just need to bind values to the divs.

answered Nov 18, 2016 at 18:12

JstnPwll

8,7252 gold badges36 silver badges57 bronze badges

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

Collectives™ on Stack Overflow

How do I create a div element in AngularJs?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related