AngularJS is calling data into DataTable

Question

With the commented code i was able call the data but when I move to the dataTable it doesn't work.

<table class="table table-bordered table-striped table-hover " id="dataTable15" width="100%" cellspacing="0">
      <thead class="table-dark">
          <tr>
              <th>Order No</th>
              <th>Customer name</th>
              <th>Order Phone</th>
              <th>Sales Date</th>
              <th>Update</th>
              <th>File</th>
          </tr>
      </thead>
      <tbody>
          @*<tr ng-repeat="item in SalesList">
        <td>{{item.OrderNo}}</td>
        <td>{{item.CustomerName}}</td>
        <td>{{item.CustomerPhone}}</td>
        <td>{{item.OrderDate}}</td>
        <td><button class="btn btn-primary" ng-click="ShowHideEdit();GetAlInvoiceSalesBySalesId(item.SalesId);"><i class="fa fa-edit"></i>Edit</button></td>
        <td><button class="btn btn-danger" ng-click="DeleteSalesRecord({$index,item.SalesDetailId)"><i class="fa fa-trash"></i>Delete</button></td>
         </tr>*@
                    </tbody>
                    <tfoot>

                    </tfoot>
                </table>
            </div>
        </div>
    </div>
    </div>
</div>
</div>
</div>