Question

我正在使用带有Angular2主题的数据表（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>

Answer 1

感谢大家的回复，在我的情况下，我在Angular2中使用jQuery创建数据表，所以首先创建了数据表，然后我通过api设置了角度var中的数据，所以我得到了“Not Found”。

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

Answer 2

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

包裹表格

数据表有ngFor问题

2 个答案: