Search in AngularJS

Search module in AngularJS

by Mandeep Singh

HTML

<body ng-app="searchModule">
  <div>
    <div ng-controller="SearchList">
        Name: 
        <br/>
        <input type="text" ng-model="name" /> 
        <br/>
        <ul>
            <li ng-repeat="coworker in coworkers | filter:name">{{ coworker.name }} - {{ coworker.city }}</li>
        </ul>
        <p>You are searching for <em>{{ name }}</em></p>
    </div>
</div>
<div ng-app="fruiter">
    <div ng-controller="SomeFruit">
        <ul>
            <li ng-repeat="fruit in fruits">{{ fruits }}</li>
        </ul>
    </div>
</div>
<script>
var searchModj = angular.module('searchModule', []);


var controllers = {};

controllers.SearchList = function ($scope){

    $scope.coworkers = [
            {name: 'Joe Bob', city: 'Ukrainia'},
            {name: 'Adam Blobnovski', city: 'Logan' },
            {name: 'Carlos Sanchez', city: 'Deerbushle'},   
            {name: 'Martin Kellerweller', city: 'Pear'},
            {name: 'John Doe',  city: 'New York City'}
        ];
};

searchModj.controller(controllers);


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



controllers.SomeFruit = function ($scope) {

    $scope.fruits = ['apple', 'banana', 'pear'];

};

fruitModj.controller(controllers);
</script>