无法为 ngx-bootstrap 日期选择器动态设置属性

Question

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

为了实现它，我正在使用 [attr.bsDatepicker]="bsDatepicker" 但它以小写设置属性，因此 datepicker 不起作用。

我也试过 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);
} 

}

有没有其他方法可以使用 datepicker，或者我可以动态地将骆驼案例中的属性设置为 ngx-bootstrap datepicker 所需的属性“bsDatepicker”。

Answer 1

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

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