title: Display table data using angularjs
body: <p>i tried to filter data using angularJS but table didn't display the data
  this is my script</p>
  
  <pre><code>var app = angular
            .module("myModule", [])
            .controller("myController", function ($scope) {
  
                var empolyee = [
                {name: "Amr",gender:  "Male", city:  "Cairo", department: "IT" },
                {name: "Ahmed",gender:  "Male",  city:  "Alexandira", department: "HR" },
                {name: "sara",gender:  "female",  city:  "Luxor", department: "CS" },
                {name: "Osama",gender:  "Male",  city:  "Assuit", department: "IT" },
                {name: "Farah",gender:  "female",  city:  "Cairo", department: "IS" },
                ];
  
                $scope.empolyees = empolyee;
            });
  </code></pre>
  
  <p>and this is my html page</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;script src="scripts/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="scripts/Script.js"&gt;&lt;/script&gt;
      &lt;link href="Style.css" rel="stylesheet" /&gt;
  &lt;/head&gt;
  &lt;body ng-app="myModule"&gt;
      &lt;div ng-controller="myController"&gt;
          Search : &lt;input type="text" ng-model="searchText" placeholder="search employees"/&gt;
          &lt;br /&gt;&lt;br /&gt;
          &lt;table&gt;
              &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th&gt;Name&lt;/th&gt;
                      &lt;th&gt;Gender&lt;/th&gt;
                      &lt;th&gt;City&lt;/th&gt;
                      &lt;th&gt;Department&lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
                  &lt;tr ng-repeat="employee in employees"&gt;
                      &lt;td&gt; {{  employee.name  }} &lt;/td&gt;
                      &lt;td&gt; {{  employee.gender  }} &lt;/td&gt;
                      &lt;td&gt; {{  employee.city  }} &lt;/td&gt;
                      &lt;td&gt; {{  employee.department  }} &lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>the result is 
  {{ employee.name }} {{ employee.gender }}   {{ employee.city }} {{ employee.department }}
  i want to display the data 
  what's the problem ?!</p>