[英]How do you pass a variable from a controller to a directive? Angular.JS
我试图理解如何将函数的变量或参数传递给指令。
这是我的控制器。
scope.setFile = function (element) {
var reader = new FileReader();
reader.onload = function (event) {
var uploadedImage = event.target.result;
};
// Reads the image as a data URL.
reader.readAsDataURL(element.files[0]);
}
我需要将变量uploadedImage推送到指令,以便它可以更新画布或events参数。 代码如下:
fabric.Image.fromURL(event.target.result, function (img) {
canvas.add(img);
});
画布在此定义为特定ID:
var canvas = new fabric.Canvas(attrs.id, {
isDrawingMode: true
});
根据用户的不同,它将具有不同的ID。 因此在这里传递是很重要的。
回到我原来的问题,如何将'event'或变量传递给指令?
让我知道是否还需要添加其他内容以使其更清晰。
您将变量添加到范围,如下所示:
scope.setFile = function (element) {
var reader = new FileReader();
reader.onload = function (event) {
$scope.uploadedImage = event.target.result;
};
// Reads the image as a data URL.
reader.readAsDataURL(element.files[0]);
}
然后在HTML中
<your-directive var="uploadedImage"></your-directive>
和inside指令你设置范围变量
module.directive('yourDirective', function() {
return {
scope: {
var: '='
},
...
};
});
然后,您可以添加watch in指令以检查更改并更新画布。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.