Привязки angularJS уничтожаются для изображения с помощью turn.js

Question

Я пытаюсь создать имиджевую книгу, используя turn.js и angular.js. Я хочу динамически установить высоту и ширину изображения в соответствии с высотой и шириной устройства (мобильного / ПК).

Каким-то образом я могу получить высоту и ширину устройства, но я не могу установить, используя угловое связывание, т.е.{{height}}.

Проблема возникла, когда мы переходим на страницу 6... Чтобы понять, я установил то же изображение...

На странице 6 изображение не устанавливает высоту / ширину в соответствии с угловым связыванием..ie {{height}}

Мой контроллер выглядит как..

test.controller('testCtrl',function($scope){
  $scope.height=210; // can change dynamically
  $scope.width=150;// can change dynamically
});

Тег изображения выглядит как...

<img height="{{height}}" width="{{width}}" src="image.jpg">

я установил высоту и ширину в контроллере, который может меняться в зависимости от устройства здесь плункер