Compiling/Binding AngularJS template and object

Question

I have an AngularJS template, which looks like this:

<script type="text/ng-template" id="my_template">
    {{ name }}
    {{ age }}
</script>

and an object that looks like this:

{
    name: "Bob",
    age: 31
}

Is there a way I can make Angular return HTML after compiling the template and the data object? Please note that the data object in not inside my scope, it's generated randomly and doesn't exist (nor will exist) in the scope in any moment.

I just want to generate an HTML from the template and the data.

Also, note that I'm not willing to $watch the data object for any changes.

Alexander Nestorov · Accepted Answer · 2014-04-01 11:34:06Z

1

Angular's $interpolate was what I was looking for. The documentation is here: http://docs.angularjs.org/api/ng/service/$interpolate

Basically, what I did is:

var html = $interpolate("my raw template")({ data object});

answered Apr 1, 2014 at 11:34

Alexander Nestorov

15.2k25 gold badges110 silver badges219 bronze badges

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

Collectives™ on Stack Overflow

Compiling/Binding AngularJS template and object

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