Импорт данных - PullRequest
Новая
       30

Импорт данных

0 голосов
/ 17 октября 2019 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/v/dt/dt-1.10.20/datatables.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/dt/dt-1.10.20/datatables.min.css" />
<link rel="stylesheet" href="./assets/bootstrap.min.css">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,700,700i,600,600i">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
<script src="./assets/bootstrap.min.js"></script>
<script src="./assets/bs-animation.js"></script>
<script src="./assets/smoothproducts.min.js"></script>
<script src="./assets/theme.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/baguettebox.js/1.10.0/baguetteBox.min.js"></script>

Несмотря на то, что я импортировал DataTable в мой index.html (я использую angular 8, но я предпочитаю импортировать его локально), и у меня есть этот скрипт:

Я получаю эту ошибку: 

Uncaught TypeError: $(...).DataTable is not a function

это мой HTML: 

<table class="table dataTable my-0" id="dataTableUser"></table>

и это мой сценарий: 

    $(document).ready(function () {
  $('#dataTableUser').DataTable();
});

1 Ответ

1 голос
/ 18 октября 2019

Я согласен с @yazantahhan, JQuery и Angular обычно приводят к проблемам позже в проекте, когда вы используете его для манипулирования DOM.

Но для решения вашей проблемы вам, скорее всего, просто нужно declare var $ : any; в верхней части вашего .ts.

Я использую MatTables вместо dataTables.

...