数据表与 ngFor 有问题

Question

我正在使用具有 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>3sfsdf,sdf536</td>
                    </tr>
                    <tr>
                        <td>Torrerrrrry</td>
                        <td>19</td>
                        <td>Westsdfsdf Sedrickstad</td>
                        <td>7sdf7</td>
                        <td>2014/09/12</td>
                        <td>3,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>

Answer 1

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

包裹 table

Answer 2

感谢大家的回复，在我的例子中，我在 Angular2 中使用 jQuery 创建数据表，所以首先创建数据表，然后我通过 api 在 angular var 中设置数据所以我得到 "Not Found".

在 api 中成功调用数据网格解决了我的问题。希望对某人有所帮助

数据表与 ngFor 有问题

Datatables having issue with ngFor

html

datatables

typescript

angular2-forms