angular - 无法为 ngx-bootstrap datepicker 动态设置属性

Question

如果我理解正确，那么我们需要在 ngx-bootstrap datepicker 的输入元素中使用属性“bsDatepicker”。所以我想动态设置它的属性。

为了实现它，我正在使用 [attr.bsDatepicker]="bsDatepicker"但它将属性设置为小写，因此日期选择器无法正常工作。

我也试过 javascript setAttribute 但得到相同的结果是代码

isInputElement(elem: HTMLElement | null): elem is HTMLInputElement {
     if (!elem) {
      // null
        return false;
     }
  return (elem.tagName === 'INPUT')
}

setAttribute(id: any ){ 
const elem = document.getElementById(id);
console.log(elem);
if (this.isInputElement(elem)) {
  var att = document.createAttribute("bsDatepicker"); 
  att.value = "bsDatepicker";
  elem.setAttributeNode(att);
  console.log(elem);
} 

}

有没有其他方法可以使用日期选择器，或者我可以在驼峰式大小写中动态设置属性作为 ngx-bootstrap datepicker 所需的属性“bsDatepicker”。

Answer 1

   ngClass]="
                    condition
                      ? 'disabled'
                      : 'enable'
                  "

.disabled {
  pointer-events: none !important;
  cursor: default !important;
  opacity: 0.6 !important;
}