angular expression working inside a script tag

Question

How do I get an angular expression working inside a script tag... I am pretty new to this and need help? Here is an example of my java script code:

Answer 1

There is nothing special wrt use of AngularJS expressions inside partial templates.

As already said your model is actually array - so you'll have to iterate through the items using ng-repeat like this:

<ul>
    <li ng-repeat="card in cards">
        Card id: {{card.id}}
        Card title: {{card.title}}
        Card details: {{card.details}}
    </li>
</ul>

Please see working JSFiddle example.

Answer 2

Here is an example how you can use your template:

<div ng-include src="'modal-2.html'"></div>

or use it with a button:

<button ng-click="currentTpl='modal-2.html'">Show Modal</button>
<div ng-include src="currentTpl"></div>

The expression in the template then works as is usual.
Here is an example.