如何向 ngb-timepicker 字段集添加图例？

Question

我需要向 ngb-timepicker 的字段集添加一个标签，但是，似乎没有办法做到这一点。有人尝试过这个吗？

Answer 1

我使用Bootstrap前缀将其附加到TimePicker输入。

@Component({
  selector: 'ngbd-timepicker-basic',
  templateUrl: './timepicker-basic.html',
})
export class NgbdTimepickerBasic implements AfterViewInit {
  
  @ViewChild('timePicker') picker: ElementRef;
  time = { hour: 13, minute: 30 };

  ngAfterViewInit() {
    let minuteInput = document.querySelectorAll('input[aria-label="Minutes"]');
    var myDiv = document.createElement('div');
    myDiv.style.display = 'flex';
    myDiv.innerHTML = `<div class="input-group"><div class="input-group-append">
      <span class="input-group-text" id="basic-addon2">mm</span>
    </div>
  </div>`;
    minuteInput[0].parentNode.insertBefore(myDiv, minuteInput[0]);
    myDiv.insertBefore(minuteInput[0], myDiv.children[0]);
  }
}

工作示例： https ：//stackblitz.com/edit/angular-keyawz？file = src％2fapp％2ftimepicker-basic.ts