角度リサイズ<img />

Question

（HTML、CSS、[AngularJS] JS）

素子。だから私は、動的ソースと大きさでタグを作成したい

私はこれを行うにしたいと思います：

[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のスタイルを使用しようとしました=「{...}」ではなく、スタイルの

また、私はこれを試してみました：

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)と同じです。