The "Angular" way - empty

Empty Angular starter project for converting jQuery to Angular

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..." />
    <ul class="list"></ul>
</div>

JavaScript

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

angular.module('myApp')
    .controller('myCtrl', function ($scope) {

});



/* JQUERY CODE
var items = ['one', 'two', 'three', 'four'];
var $ul = $('.list');
var $search = $('.search');

// insert items into the list
for (var i = 0, item; item = items[i]; i++) {
    $el = $('<li data-item="' + item + '">' +
        '<label>' +
        '<input type="checkbox" value="' + item + '" /> ' + item + '</label>' +
        '</li>');
    
    $ul.append($el);
}

// add event listener to search the list
$search.on('keyup', search);

// search for all items that match the search
function search() {
    var text = $search.val();
    
    $('li').show().filter(function() {
        return $(this).data('item').search(text) === -1;
    }).hide();
}
*/