Объектный литерал может указывать только известные свойства, а «select» не существует в типе «Settings».

Question

когда я пытаюсь написать этот javascript код в angular что я пропустил?

 ngOnInit() {


  $('#jithesh').DataTable( {
    columnDefs: [ {
        orderable: false,
        className: 'select-checkbox',
        targets:   0
    } ],
    select: {
        style:    'os',
        selector: 'td:first-child'
    },
    order: [[ 1, 'asc' ]]
} );

и это оригинальный java скрипт

$(document).ready(function() {
    $('#example').DataTable( {
        columnDefs: [ {
            orderable: false,
            className: 'select-checkbox',
            targets:   0
        } ],
        select: {
            style:    'os',
            selector: 'td:first-child'
        },
        order: [[ 1, 'asc' ]]
    } );
} );

следовать тому, что в этом примере

https://datatables.net/extensions/select/examples/initialisation/checkbox.html

Answer 1

1. Избегайте jQuery с Angular, если можете

2. Ваш элемент не находится в DOM, когда вы запускаете jQuery в ngOnInit(). Вместо этого переместите ваш код из ngOnInit() в ngAfterViewInit().

DEMO: https://stackblitz.com/edit/angular-mn2776

Эта демонстрация показывает вам результат a document.getElementById('id').outerHTML во время начальных перехватов жизненного цикла компонента:

• ngOnInit() - не определено
• ngAfterContentInit() - не определено
• ngAfterViewInit() - внешнее HTML

Используемый код:

  ngOnInit() {
    this.onInit = this.getOuterHtml();
  }

  ngAfterContentInit() {
    this.afterContentInit = this.getOuterHtml();
  }

  ngAfterViewInit() {
    setTimeout(() => {
      this.afterViewInit = this.getOuterHtml();
    })    
  }

  private getOuterHtml() {
    const el = document.getElementById('el');
    return el ? el.outerHTML : 'undefined';
  }

Документы: https://angular.io/guide/lifecycle-hooks