Suponiendo que tengo la siguiente directiva:
.directive("viewSeats", ['$parse', function ($parse) {
return {
restrict: 'E',
scope: {
numItinerary: "@",
numSegment: "@",
seatMap: "@",
allTravelers: "@",
allData: "@",
flightPnr: "@",
flightNumber: "@",
flightTerminal: "@"
},
templateUrl: baseEnginePath + "/Templates/FLight/flight-seats.html",
controller: ["$scope", "$element", "$compile", function ($scope, $element, $compile) {
}],
link: function ($scope, $elem, $attrs) {
$elem.bind("click", function () {
console.log("flightPnr", $scope.flightPnr);
jQuery.fancybox($('#modalSeats'), {
'width': '600',
'height': '800',
'autoSize': false
});
});
}
};
}]);
La directiva anterior la mando llamar en un Loop
algo así como un ng-repeat
de la siguiente manera:
<div imaginemos que aqui es el ng-repeat y la directiva se genera x cantidad de veces>
<view-seats all-data="@jsonDisplayRS" all-travelers="@jsonTravelers" seat-map="@seatsData" flight-pnr="@listSegments.Item(i + p).Item(17)" flight-number="@listSegments.Item(i + p).Item(8)" flight-terminal="@listSegments.Item(i + p).Item(6)" num-itinerary="@listSegments.Item(i + p).Item(18)" num-segment="@listSegments.Item(i + p).Item(16)"></view-seats>
</div>
nota: estoy usando razor
de .net
. Bueno hasta ahí las cosas van bien. ya que si mando pintar una de las variables que mando a mi directiva con un console.log
mi variable cambia dependiendo la posición del loop
.
El problema surge en el template de la directiva que no se renderea o actualiza con el valor que tengo en el link
de la directiva. El template
es el siguiente:
<ul>
<li>
PNR
<strong>{{flightPnr}}</strong>
</li>
</ul>
(esta es solo una parte del template
pero para no hacer mas larga la pregunta solo puse este fragmento)
La variable flightPnr
la mando como parámetro cuando genero la directiva en el loop
, como ya comente anteriormente si coloco un console.log
si se modifica, pero en la platilla no y ese es mi problema, ¿Cómo puedo hacer que esa y todas las demás variables de modifiquen en el template
?
nota: la directiva es un botón es por eso que tengo un $elem.bind("click", function () {})
en el link
.