2
このディレクティブは画像に割り当てられ、CropperというjQueryプラグインを使用しています。どのように私は要素の動的変数幅と高さ HTMLまたは別の角度のコントローラで取得することができます:e.width
またはe.height
角度指令から変数にアクセスする方法は?
.directive("imgcrop", [function ($scope, $controller) {
return {
restrict: "A",
scope: {
proposal : "="
},
transclude: true,
replace: true,
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);
}
});
});
}
}
} ]);
はkickenありがとうございますが、どのように私はそれ、画像内または別のコントローラにそれを追加表示することができますか? vm.widthとは何ですか? –
'vm.width'と' vm.height'はコントローラのスコープのプロパティへの参照です。ディレクティブは、指定したスコーププロパティに幅と高さを割り当てます。 – kicken
私は非常に新しい角度のディレクティブに慣れていませんが、どういうわけか私はあなたのテクニックを理解しています。私の唯一の問題は、HTMLで表示する方法がわからないことです。それがこのプロパティを使用する最も単純な理由です。 –