Angularjs 使用Jade将Angle指令属性作为类链接到其模板

我试图在自定义角度指令的标记中传递一个属性，并将该属性作为类分配到该指令模板的一个容器中

以下是我的输入在Jade中的外观：

.form-layout-group
  short-text-input.item(label="Short Input Group", inputColumnsClass="short-text-2")

以下是返回我的指令的函数：

function ShortTextInput (FormControlService) {
  restrict: 'E',
  replace: true,
  require: ['^validationForm', '?ngModel', '^?formCollection'],
  scope: {
    inputColumnsClass: '@'
  },
  templateUrl: '/templates/input/shortTextInput/short-text-input.html',
  link: FormControlService.link
})

在我的模板中，我正在尝试以下操作：

include ../../input/_input-mixins.jade

+WrapInputwithLabelAndErrorplaceholder
  div.inner-icon
    div(class="{{ inputColumnsClass }}")
      +InputwithValidation.item

不幸的是，我无法让这个columns类显示出来，并用我喜欢的方法对输入进行实际的样式设置。当我将这个类硬编码到我的模板中时，我打算做的工作很好

---

有关于如何处理此问题的提示吗？

应该是

input columns class=“short-text-2”

---

inputColumnsClass

DOM属性是通过

$compile

服务将

inputColumnsClass

DOM属性规范化为

inputColumnsClass

驼峰格式的，没错！真不敢相信我错过了它。@estus用这些信息写一个答案，这样将来的用户就可以很容易地接受和看到它。@Arianfauthos当然。