Use angular model data in script

Question

I need some help with controller model data sharing.

In HTML I can access data by {{block.title}}, but also in html I have some javascript to open external file:

<div class="container">
    <accordion close-others="oneAtATime">
        <accordion-group ng-repeat="block in report.blocks" is-open="block.$$isOpen">
        <accordion-heading>{{block.tags}}
        </accordion-heading>
        <script>
        $(function() {
            $("#includedContent").load("res/filename.html");
        });
        </script>
        <div id="includedContent"></div>
       </accordion-group>
   </accordion>
</div>

What I want is to use current value of block.title (inside of ng-repeat) in place of filename.html like:

load("res/{{block.title}}.html").

How can I achieve that?

Thank you.

show your html.. It is quite simple.. you can do this using ng-model. — Ved
– Ved, Commented Feb 3, 2015 at 7:57

David Barker · Accepted Answer · 2015-02-03 09:34:49Z

2

You can achieve this in angular with relative ease, no jQuery needed.

<div id="includedContent" ng-include="getPartial(block.title)"></div>

In your controller

$scope.getPartial = function(file) {
    return "res/"+file;
};

answered Feb 3, 2015 at 9:34

David Barker

14.6k3 gold badges51 silver badges77 bronze badges

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

Collectives™ on Stack Overflow

Use angular model data in script

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related