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}}" />

源更改工作正常，但问题是宽度和高度

我有输入更改selectedFileWidth / Height，但是当我更改它们时，我的尺寸不会改变......

我尝试使用可以应用更改的函数（$ scope。$ apply（）），但它没有解决它。

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

我也试过这个：

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＆＃39; s $(selector)基本相同。

角度调整大小<img/>

1 个答案: