Остановить восстановление данных при нажатии кнопки

Question

У меня проблема с моим jquery датаемым в моем проекте angular, который восстанавливается внутри самого себя при извлечении данных из строки.

Как я уже сказал в другом вопросе, для опытных angular программистов я знаю, что использование jquery с angular, вероятно, худшее, что может сделать разработчик, но в качестве таблицы данных используется jquery это своего рода последнее средство.

Пожалуйста, смотрите ниже функцию, которую я вызываю, когда пользователь нажимает кнопку редактирования на изображении ниже.

  editMedia(){
  $('#mediaTable tbody').on('click', 'tr', (element) => {


      let data = $('#mediaTable').DataTable().row( element.currentTarget ).data();
      let code = data[0];
      let desc = data[1];
      let type = "";
      if(data[3] = "yes") {
        type = "SMS";
      } else if(data[4] = "yes") {
        type = "Email";
      }

      let message = data[5];
      this.open(code,desc,type,message);


    }
    );

  }

Я думаю, что Datatable восстанавливается при вызове функции .DataTable (), но не знаю, как это предотвратить.

Пожалуйста, смотрите ниже изображение с результатом.

Я думаю, что части, выделенные красным цветом, являются исходной таблицей, а часть, выделенная синим цветом, является таблицей, которая была повторно развернута внутри.

С В ходе исследования я попытался использовать следующую строку кода, чтобы скрыть переустановленную таблицу данных, но это не сработало.

$("#mediaTabe").wrap("<div style='display:none;'></div>");

Любая помощь / совет о том, как это остановить, будет принята с благодарностью и заранее благодарю за предложения и комментарии.

Answer 1

Решением этой проблемы было использование ngx-datatables в angular вместо jquery datatables. С ngx-datatables есть правильные способы получения данных строки, а не грязная функция jquery, как показано в моем вопросе.

Для рабочего примера ngx-datatables, пожалуйста, нажмите на эту ссылку Пример Ngx-Datatables на github .

Любые вопросы или если вам нужно дальнейшее руководство о том, как использовать ngx-datatables, не стесняйтесь пинговать комментарий ниже, и я пытаюсь и примеры через простой проект.

Спасибо