otro - script javascript

expresión angular trabajando dentro de una etiqueta de script

Question

¿Cómo puedo obtener una expresión angular trabajando dentro de una etiqueta de script ... Soy bastante nuevo en esto y necesito ayuda? Aquí hay un ejemplo de mi código de script java:

    <script id="modal-2.html" type="text/ng-template">
<div class="modal transparent">
<div class="card">
<i class="icon ion-ios7-close close-modal" ng-click="closeModal(2)"></i>
<div class="item item-divider">
{{card.title}}
</div> 
<div class="item item-text-wrap">
{{card.details}}
</div>
</div>
</div>
</script>

Aquí hay un ejemplo de mi matriz:

.controller(''TodoCtrl'', function($scope, $ionicPopup, $timeout, $ionicModal, $ionicSideMenuDelegate) {

  $scope.cardss = 
  {id:1, title:''Frank'', src:''img/Frank.png'',details:''This will be the products description!''},
  {id:2, title:''Generali'', src:''img/Generali.png'',details:''This will be the products description!''},
  {id:3, title:''John Lewis'', src:''img/JohnLewis.png'',details:''This will be the products description!''},
  ]; 

Answer 1

Aquí hay un ejemplo de cómo puedes usar tu plantilla:

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

o utilízalo con un botón:

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

La expresión en la plantilla funciona como es habitual .
Aquí hay un ejemplo .

Answer 2

No hay nada de especial uso de wrt de expresiones AngularJS dentro de plantillas parciales.

Como ya dije, su modelo es en realidad una matriz, por lo que tendrá que repetir los elementos utilizando ng-repeat como este:

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

Por favor, vea el ejemplo de trabajo JSFiddle .