Question

我需要将数据属性传递给角度控制器函数。（我确定有更好的名字，但背景如下）：

Dropzone.js有一个“预览模板”。对于您在dropzone中上传的每个文件，它会呈现您在此处指定的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 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
  }
}};

Answer 2

您需要的是ng-class directive 根据您的函数返回的内容，这可能有效：

<i class="fa" ng-class="[getIconFromFilename(dz-name)]"></i>

将渲染的数据属性传递给角度

2 个答案: