使用动态变量AngularJS减少Mixins

Question

我有一个较少的mixin，省略号是一个字符串。

.ellipse-text(@params){
  max-width: @params;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

这很棒......如果我知道确切的最大宽度，我不知道。我的树结构看起来如下......

name
----> name
      ----> name
name
----> name
      ----> name
            ---> name

我需要计算name属性的宽度（它会越往右越小），然后将该数字作为变量传递。

我也在使用AngularJS，并认为我可以做这样的事情？但与此同时，我并不确定我可以将mixin直接应用于属性。

<div class=" ellipse-text( {{myWidth}} )" >name</div>

非常感谢任何帮助！