docs(#1229): fix search function in server side

l-lin · l-lin · commit b6dd23055de4 · 2018-08-25T17:15:37.000+02:00
diff --git a/demo/src/app/basic/server-side-angular-way-snippet.component.ts b/demo/src/app/basic/server-side-angular-way-snippet.component.ts
@@ -28,16 +28,18 @@ export class ServerSideAngularWaySnippetComponent {
       &lt;th&gt;Last name&lt;/th&gt;
     &lt;/tr&gt;
   &lt;/thead&gt;
-  &lt;tbody&gt;
-    &lt;tr *ngFor="let person of persons"&gt;
-      &lt;td&gt;{{ person.id }}&lt;/td&gt;
-      &lt;td&gt;{{ person.firstName }}&lt;/td&gt;
-      &lt;td&gt;{{ person.lastName }}&lt;/td&gt;
-    &lt;/tr&gt;
-    &lt;tr *ngIf="persons?.length == 0"&gt;
+  &lt;tbody *ngIf="persons?.length != 0"&gt;
+      &lt;tr *ngFor="let person of persons"&gt;
+          &lt;td&gt;{{ person.id }}&lt;/td&gt;
+          &lt;td&gt;{{ person.firstName }}&lt;/td&gt;
+          &lt;td&gt;{{ person.lastName }}&lt;/td&gt;
+      &lt;/tr&gt;
+  &lt;/tbody&gt;
+  &lt;tbody *ngIf="persons?.length == 0"&gt;
+    &lt;tr&gt;
       &lt;td colspan="3" class="no-data-available"&gt;No data!&lt;/td&gt;
     &lt;/tr&gt;
-  &lt;/tbody&gt;
+  &lt;tbody&gt;
 &lt;/table&gt;</code>
 </pre>
   `;
diff --git a/demo/src/app/basic/server-side-angular-way.component.html b/demo/src/app/basic/server-side-angular-way.component.html
@@ -38,20 +38,22 @@ <h4 class="header">Preview</h4>
                                 <th>Last name</th>
                             </tr>
                         </thead>
-                        <tbody>
+                        <tbody *ngIf="persons?.length != 0">
                             <tr *ngFor="let person of persons">
                                 <td>{{ person.id }}</td>
                                 <td>{{ person.firstName }}</td>
                                 <td>{{ person.lastName }}</td>
                             </tr>
-                            <tr *ngIf="persons?.length == 0">
-                                <td colspan="3" class="no-data-available">No data!</td>
-                            </tr>
+                        </tbody>
+                        <tbody *ngIf="persons?.length == 0">
+                          <tr>
+                            <td colspan="3" class="no-data-available">No data!</td>
+                        </tr>
                         </tbody>
                     </table>
                     <app-server-side-angular-way-snippet></app-server-side-angular-way-snippet>
                 </div>
             </div>
         </div>
     </div>
-</div>
+</div>
