Question

我有一个可以通过绑定启用/禁用的按钮：

<button [disabled]="model.disabled">Do Something</button>

我有一些依赖于该属性的样式，例如：

button[disabled] {
  background: red;
}

到目前为止一切顺利。

现在我将一个指令附加到该按钮，该按钮使用disabled属性和输入：

@Directive({
  selector: "[some-directive]"
})
class SomeDirective {
  @Input("disabled") disabled: boolean;
}

如果我将此指令附加到节点：

<button some-directive [disabled]="model.disabled">Do Something</button>

这会剥离DOM中的disabled属性，这会破坏我的样式。

为什么这样做？我可以停止这样做吗？

Answer 1

在您的指令中，为输入使用另一个名称以避免冲突：

"2017-08-23"

然后它有效。