The "Angular" way - completed

Correctly converted Angular example from jQuery

by Steven Lambert

HTML

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="https://code.angularjs.org/1.2.18/angular.min.js"></script>
<div ng-controller="myCtrl">
    <input type="search" class="search" placeholder="Please type name..." ng-model="query" />
    <ul class="list">
        <li ng-repeat="item in items | filter:query">
            <label>
                <input type="checkbox" ng-model="item.selected" />{{item.name}}</label>
        </li>
    </ul>
</div>

JavaScript

angular.module('myApp', []);

angular.module('myApp')
    .factory('myModel', function () {
    var myModel = {};

    myModel.items = [{
        name: 'one'
    }, {
        name: 'two'
    }, {
        name: 'three'
    }, {
        name: 'four'
    }];

    return myModel;
});

angular.module('myApp')
    .controller('myCtrl', function ($scope, myModel) {
    $scope.items = myModel.items;
});