ngFor 有问题的数据表答案

【问题标题】：Datatables having issue with ngForngFor 有问题的数据表
【发布时间】：2017-10-03 23:13:17
【问题描述】：

我正在使用带有 Angular2 主题的 Datatables (https://datatables.net/)。

我面临的问题是，如果使用静态，我会得到完美且理想的响应，但如果我使用 ngFor 从 Api 响应动态创建，则 UI 会损坏并得到 Data not found in table。谁能告诉我这是什么问题？

在以下情况下完美运行：

<tbody>
                    <tr>
                        <td>sdfDamon</td>
                        <td>sdf5516 Adolfo Green</td>
                        <td>Littsdfsdfelhaven</td>
                        <td>8sdfsdf5</td>
                        <td>2014/sfsdf06/13</td>
                        <td>$553sfsdf,sdf536</td>
                    </tr>
                    <tr>
                        <td>Torrerrrrry</td>
                        <td>19</td>
                        <td>Westsdfsdf Sedrickstad</td>
                        <td>7sdf7</td>
                        <td>2014/09/12</td>
                        <td>$243,577</td>
                    </tr></tbody>

使用 as 时的问题：

<tbody>
                        <tr *ngFor="let dd of d">
                            <td>{{dd.id}}</td>
                            <td>{{dd.q}}</td>
                            <td>{{dd.w}}</td>
                            <td>{{dd.e}}</td>
                            <td>{{dd.r}}</td>
                            <td>{{dd.t}}</td>
                        </tr>
                    </tbody>

【问题讨论】：

可能是因为d 是空的？

标签： html typescript datatables angular2-forms

【解决方案1】：

首先尝试将dd?. 放在每个tds 之前。这可能涵盖您没有来自数据库的某些信息的情况第二，你什么时候初始化d？可能在你摩擦*ngFor 的时候它已经不存在了，所以试着用*ngIf="d" 包裹桌子

【讨论】：

【解决方案2】：

感谢大家的回复，就我而言，我是在 Angular2 中使用 jQuery 创建数据表，所以首先创建了数据表，然后我通过 api 在 angular var 中设置数据，所以我得到“未找到”。

在 api 中调用 datagrid 成功解决了我的问题。希望它可以帮助某人

【讨论】：