Generating pure html using AngularJS

Question

I'm trying to extract a raw HTML table of data from a table which I currently generate on a web page using AngularJS.

To give a simple example:

Angular code:

  <table>
    <tr ng-repeat="customer in customers">
        <td>{{customer.firstname}}</td>
        <td>{{customer.lastname}}</td>
    </tr>
  </table>

I don't want to code two different solutions and so would like to use AngularJS.

Is it possible to extract the raw html code using AngularJS? i.e. the following :

  <table>
    <tr>
        <td>John</td>
        <td>Smith</td>
    </tr>
    <tr>
        <td>Fred</td>
        <td>Bloggs</td>
    </tr>
    ...etc
  </table>

You should consider it render at server side then. Maybe this will help : stackoverflow.com/questions/16232631/… — fuyushimoya
– fuyushimoya, Commented Jun 17, 2015 at 15:49
I may go that route, so its a useful pointer. I would prefer to keep it client side if possible though. — Jeff Yates
– Jeff Yates, Commented Jun 18, 2015 at 8:24

Shushanth Pallegar · Accepted Answer · 2015-06-18 09:51:09Z

2

you can use

  var element = angular.element(element)

   element[0] //show give raw dom element

refer jqlite and below link in angularJS , probably will get idea https://docs.angularjs.org/api/ng/function/angular.element

Fiddle: https://jsfiddle.net/shushanthp/Lho8myw2/

edited Jun 18, 2015 at 9:51

answered Jun 17, 2015 at 15:54

Shushanth Pallegar

2,8721 gold badge17 silver badges17 bronze badges

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

4 Comments

Jeff Yates Over a year ago

Interesting. Looks like this could do the job. If you have a working example I will accept it as the correct answer.

Shushanth Pallegar Over a year ago

@JeffYates Glad to help :) , Its recommend and good approach to use directive for this , i have added the fiddle on the same , hope it helps

Jeff Yates Over a year ago

Perfect. Does the job. Very simple. Thanks @shushanth

Shushanth Pallegar Over a year ago

@JeffYates :) :) . happy to help you jeff , no problem , :) ,

Collectives™ on Stack Overflow

Generating pure html using AngularJS

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related