角度调整<img />

Question

我正在做一个网站( html，css，js AngularJS )

我必须显示图片，这些图片有不同的原始宽度和高度，一次一个，在同一元素。因此，我想创建一个具有动态源和维度的标记。

我想这样做：

[HTML] : <img id="previewImage" ng-show="main.selectedFileSource != ''" 
            style="width:{{main.selectedFileWidth}};
            height:{{main.selectedFileHeight}};
            position: absolute; top: 0; bottom:0; left: 0; right:0; margin: auto" 
            src="{{main.selectedFileSource}}" />

源变化很好，但问题在于宽度和高度。

我有输入来改变选择的dimensions /高度，但是当我改变它们时，我的维度不会改变.

我尝试使用一个可以应用更改( $scope.$apply() )的函数，但它没有解决这个问题。

我尝试使用ng样式=“{.}”而不是样式

我也试过这个：

var img = document.getElementById('previewImage')
img.style.height = XXX
img.style.width = YYY 

还是不工作..。它看起来像是已经被创建的维度被锁定了。我是否应该删除前一个标签，并在每次更改要显示的图片时创建一个新标记？

知道吗？谢谢你的阅读

Answer 1

angular.element("#previewImage").height("100px").width("100px);

试试看。angular.element会自动更新视图等等。

angular.element(selector)与jQuery的$(selector)基本相同。