2016-05-11 4 views
0

私は角度jを初めて使用しています。カスタムディレクティブからhtmlのスコープを角度で表示する方法は?

e.widthe.heightの値をHTMLで表示するにはどうすればよいですか?ここでスコープを使用することはできますか?

.directive("cropping", [function ($scope) { 
    return { 
     restrict: "A", 
     link : function ($scope, $el, $attr) { 
      $attr.$observe("src", function (src) { 
         jQuery('#cropImage').cropper('destroy'); 
         jQuery('#cropImage').cropper({ 
          viewMode  : 0, 
          zoomable  : false, 
          preview: ".extra-preview", 
          dragMode  : 'crop', 
          guides   : true, 
          highlight  : true, 
          cropBoxMovable : true, 
          cropBoxResizable: true, 
          crop   : function (e) { 
           // Output the result data for cropping image. 
           console.log(e.width); 
           console.log(e.height); 

          } 
         }); 
      }); 
     } 
    } 
} ]); 
+0

は、私はあなたがこのラッパー https://github.com/koorgoo/ngCropper –

+0

私はすでにこれを使用すると、それをやろうとすることができると思うが、それは少し問題を抱えています。最初の画像の後に画像をロードすると、クロッパーは初期化されません... –

+0

イメージの各ロード時にinitのようなものを試してみると、jQueryを使用するとAngularの変更が見られないかもしれませんそれを再初期化するトリガ? –

答えて

0

次のコードを使用すると、HTMLの高さと幅が直接取得されます。

console.log(e[0].offsetHeight); 
console.log(e[0].offsetWidth); 
+0

私はあなたが私の質問を理解したとは思わない。 –

関連する問題