showing a warning when no results are returned

praneethkumarpidugu · Jul 7, 2016 · 13052a5 · 13052a5
1 parent 812a46d
commit 13052a5
Showing 1 changed file with 8 additions and 7 deletions.
diff --git a/section6/lesson1/index.html b/section6/lesson1/index.html
@@ -81,16 +81,17 @@
 							<td >{{ person.email }}</td >
 							<td >{{ person.birthdate | date:"longDate" }}</td >
 						</tr >
-						<tr ng-show="contacts.persons.length == 0" >
-							<td colspan="4" >
-								<div class="alert alert-info" >
-									<p class="text-center" >No results found for search term '{{ search }}'</p >
-								</div >
-							</td >
-						</tr >
+
 
 
 					</table >
+					<div ng-show="contacts.persons.length == 0 && !contacts.isLoading" >
+						<td colspan="4" >
+							<div class="alert alert-info" >
+								<p class="text-center" >No results found for search term '{{ search }}'</p >
+							</div >
+						</td >
+					</div >
 					<div class="spinner" ng-show="contacts.isLoading">
 					<span us-spinner="{radius:8, width:5, length: 3, lines:9}"></span>
 					<p>Loading...</p>