调用控制器函数在一个angularjs项目中,我使用一个指令来上传文件,方法是将它们拖放到一个dropzone中。在指令中,我需要调用在我的控制器中定义的函数。AngularJs - 从指令
下面是我在做什么:
(function() {
'use strict';
angular
.module('app')
.controller('myController', myController)
.directive('fileDropzone', function() {
return {
restrict: 'A',
scope: {
file: '=',
fileName: '=',
test: '&callbackFn',
},
link: function (scope, element, attrs) {
var processDragOverOrEnter;
processDragOverOrEnter = function (event) {
if (event != null) {
event.preventDefault();
}
event.dataTransfer.effectAllowed = 'copy';
return false;
};
element.bind('dragover', processDragOverOrEnter);
element.bind('dragenter', processDragOverOrEnter);
return element.bind('drop', function (event) {
var file, reader;
if (event != null) {
event.preventDefault();
}
reader = new FileReader();
reader.onload = function (evt) {
console.log(reader.result);
scope.test({});
};
file = event.dataTransfer.files[0];
reader.readAsText(file);
return false;
});
}
};
});
function myController()
{
var vm = this;
vm.test = function() {
console.log("It works !");
};
}
})();
HTML文件:
<div class="container">
<md-content file-dropzone layout="column" layout-align="center center" class="md-list-item-text" md-whiteframe="1" style="padding:1em;margin:0.5em 0.5em;" flex>
File drop zone
</md-content>
</div>
虽然执行console.log(reader.result)指令确实显示在控制台中的文件内容,消息“有用 !”没有显示,这意味着函数test()永远不会被调用。
我在做什么错?
添加HTML文件信息也.. –
为您创建隔离范围,然后在那里你使用任何控制器的内部指令,在那里你会得到它的实例使用''CTRL作为第四个参数链接功能 –
然后你可以调用控制器的功能 –