角調整大小<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}}" /> 

源變化工作得很好，但問題來了寬度和高度

我輸入以改變selectedFileWidth /高度，但當我改變它們，我的尺寸不會改變...

我試圖使用一個函數可以應用更改（$範圍。$應用（）），但它並沒有解決它。

我試圖用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)相同。