jquery - 使用 turn.js 破坏图像的 angularJS 绑定

Question

我正在尝试使用 turn.js 和 angular.js 制作图像书我想根据设备（移动/PC）高度和宽度动态设置图像的高度和宽度..

不知何故，我能够获得设备的高度和宽度，但我无法使用角度绑定进行设置，即 {{height}}。

当我们遍历第 6 页时出现问题...为了清楚地理解我设置了相同的图像...

在第 6 页，图像未根据角度绑定设置高度/宽度。即{{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">

我在控制器中设置了高度和宽度，可以根据设备更改 这里是 plunker