微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

希望您能帮助我更正数据表中的“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'}

解决方法

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

像这样:

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。