Angular Basics 2

by paka

HTML

<div ng-app="demoApp"> 
              
    <div ng-controller="SimpleController">   
        <input type="text" ng-model="name">{{name}}
        <br>
        <ul>
            <li ng-repeat="customer in customers | filter:name">
                {{customer.firstName}} {{customer.lastName}} {{customer.phone}}
            </li>
        </ul>
    </div>
</div>

JavaScript

var demoApp = angular.module('demoApp',[]);

/* variant 3 */
var controllers = {};
controllers.SimpleController = function( $scope ) {
    $scope.customers = tstArray;
};
demoApp.controller(controllers);

/* variant 2 ** 
demoApp.controller('SimpleController', function( $scope ) {
    $scope.customers = tstArray;
});
*/


/*** without naming the module version ***
function SimpleController( $scope ) {
    $scope.customers = tstArray;
};
*/

/*****************************/
var tstArray  = [
  {
    "firstName":"Фsdfasfsaf",
    "lastName":"Арпквоквкв",
    "phone":"null"
  },
  {
    "firstName":"Фsdfasfsaf",
    "lastName":"Арпквоквкв",
    "phone":"null"
  },
  {
    "firstName":"Фsdfasfsaf",
    "lastName":"Арпквоквкв",
    "phone":"null"
  },
  {
    "firstName":"retwert",
    "lastName":"rwertwertwert",
    "phone":"4252352345"
  },
  {
    "firstName":"retwert",
    "lastName":"rwertwertwert",
    "phone":"4252352345"
  },
  {
    "firstName":"хтота",
    "lastName":"аноним",
    "phone":"80467683254"
  },
  {
    "firstName":"Евгения ",
    "lastName":"Рай",
    "phone":"391778"
  },
  {
    "firstName":"Виктор",
    "lastName":"Шалахман",
    "phone":"8063 287 80 21"
  },
  {
    "firstName":"Виктор",
    "lastName":"Шалахман",
    "phone":"8063 287 80 21"
  },
  {
    "firstName":"Виктор",
    "lastName":"Шалахман",
    "phone":"8063 287 80 21"
  },
  {
    "firstName":"Виктор",
    "lastName":"Шалахман",
    "phone":"8063 287 80 21"
  },
  {
    "firstName":"Владислав",
    "lastName":"Козельский",
    "phone":"80675069094"
  },
  {
    "firstName":"Владислав",
    "lastName":"Козельский",
    "phone":"80675069094"
  },
  {
    "firstName":"Сергей",
    "lastName":"Коломиец",
    "phone":"+380503963704"
  },
  {
    "firstName":"Сергей",
    "lastName":"Коломиец",
    "phone":"+380503963704"
  },
  {
    "firstName":"Игорь",
    "lastName":"Дыпко",
    "phone":"0684773860"
  },
  {
    "firstName":"Igor",
    "lastName":"Fursa",
   ...