AngularJS example 1

by spencerooni

HTML

<body ng-app>

  <div ng-controller="BasicController as basicCtrl">
    <input type="text" ng-model="basicCtrl.searchText">
    <table>
      <tr ng-repeat="person in basicCtrl.people">
        <td ng-show="basicCtrl.searchContains(person)">
          {{ person.name }}
           {{ person.age }}
        </td>
      </tr>
    </table>
    <hr>
    <br>
    <input type="text" ng-model="basicCtrl.addText" placeholder="name">
    <input type="text" ng-model="basicCtrl.ageText" placeholder="age">
    <button ng-click="basicCtrl.addPerson()">
      Add
    </button>
  </div>



</body>

JavaScript

function BasicController() {
  var ctrl = this;

  ctrl.people = [
    { name: 'david', age: 20 },
    { name: 'conor', age: 25 },
    { name: 'aoife', age: 30 },
    { name: 'ciara', age: 35 }
  ];

  ctrl.searchContains = function(person) {
    if (person && ctrl.searchText) {
      return person.toLowerCase().indexOf(ctrl.searchText.toLowerCase()) != -1;
    } else {
    return true;
    }
}
ctrl.addPerson = function() {
  ctrl.people.push( { name: ctrl.addText, age: ctrl.ageText });
  ctrl.addText = '';
  ctrl.ageText = '';
};

}