错误类型错误:无法读取未定义的属性“aDataSort” - 角度 8

时间:2021-01-10 19:23:25

标签: javascript java angular spring-boot datatables

希望您能帮助我更正数据表中的“aDataSort”错误。

core.js:6014 ERROR TypeError: Cannot read property 'aDataSort' of undefined
at _fnSortFlatten (jquery.dataTables.js:5928)
at _fnSortingClasses (jquery.dataTables.js:6266)
at loadedInit (jquery.dataTables.js:1208)
at HTMLTableElement.<anonymous> (jquery.dataTables.js:1306)
at Function.each (jquery.js:381)
at jQuery.fn.init.each (jquery.js:203)
at jQuery.fn.init.DataTable [as dataTable] (jquery.dataTables.js:869)
at jQuery.fn.init.$.fn.DataTable (jquery.dataTables.js:15210)
at angular-datatables.directive.js:51
at ZoneDelegate.invokeTask (zone-evergreen.js:391)

在我看来,html中的表格要求表格具有。 但是当表没有任何记录时,我用“if”隐藏它。

<div *ngIf="programaciones?.length==0" class="alert alert-info">
        There is no record in the database!
    </div>

    <div class="table-responsive"  >
    <table datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger" class="row-border hover">
        <thead *ngIf="programaciones?.length>0">
            <tr >
                <th>Id</th>
                <th>Consultorio</th>
                <th>Usuario</th>
                <th>Fecha</th>
                <th>Hora</th>
                <th>Num. Turno</th>
                <th>Editar</th>
                <th>Eliminar</th>
            </tr>
        </thead>
        <tbody >
             <tr *ngFor="let programacion of programaciones" >
                <td>{{programacion.pro_codigo}}</td>
                <td>{{programacion.consultorio.con_nombre}}</td>

如何更正此错误,或者在没有记录时是否有其他方法可以隐藏表格。

1 个答案:

答案 0 :(得分:0)

如何添加 display: none/hidden 而不是使用 ngIf

像这样:

[ngStyle]="programaciones?.length>0 : {'display': 'block'} ? {'display': 'none'}