javascript - 将渲染的数据属性传递给 Angular

Question

我需要将数据属性传递给 Angular Controller 函数。 (我确信有一个更好的名称，但上下文如下):

Dropzone.js 有一个“预览模板”。 对于您在拖放区上传的每个文件，它都会呈现您在此处指定的 HTML。

以下是该 HTML 中有趣的部分:

    <div class="dz-size"><span data-dz-size></span></div>
    <div class="dz-filename"><span data-dz-name></span></div>

我想做这样的事情:

<div class="dz-filename"><span data-dz-name></span></div>
<i class="fa" class="{{getIconFromFilename(dz-name)}}" style="..."></i>    

有人知道正确的语法吗？

Answer 1

我发现 Dropzone 的复杂 Angular Directive(指令) here

您可以在上传后捕获文件，然后在您的范围中设置正确的类名

$scope.dropzoneConfig = {
'options': { // passed into the Dropzone constructor
  'url': 'upload.php'
},
'eventHandlers': {
  'sending': function (file, xhr, formData) {
  },
  'success': function (file, response) {
     // set scope icon class from file
  }
}};