Как сохранить этот angularJS в HTML5 localStorage

Не стесняйтесь сказать мне, что я ушел (я новичок в угловых и javascript), но как бы я начал сохранять этот angularJS на localStorage? Это что-то, что можно сделать относительно безболезненно, создав функцию сохранения в add()? Я видел, что у углового есть собственное локальное хранилище, но можно ли это сделать без этого? Ручка: http://codepen.io/kiddigit/pen/LZVXMV

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

angular.module('app').controller("MainController", function(){
    var vm = this;
    vm.title = 'Movie Database';
    vm.searchInput = '';
    vm.shows = [
        {
            title: 'Game of Thrones',
            actor: 'Dudes',
            year: 2011,
            favorite: true
        },
        {
            title: 'Walking Dead',
            actor: 'More dudes',
            year: 2010,
            favorite: false
        },
        {
            title: 'The Goonies',
            actor: 'The Coreys',
            year: 2002,
            favorite: true
        },
        {
            title: 'Firefly',
            actor: 'Dunno',
            year: 2002,
            favorite: false
        },
        {
            title: 'Bullit',
            actor: 'McQueen',
            year: 2013,
            favorite: true
        },
    ];
    vm.orders = [
        {
            id: 1,
            title: 'Year Ascending',
            key: 'year',
            reverse: false
        },
        {
            id: 2,
            title: 'Year Descending',
            key: 'year',
            reverse: true
        },
        {
            id: 3,
            title: 'Title Ascending',
            key: 'title',
            reverse: false
        },
        {
            id: 4,
            title: 'Title Descending',
            key: 'title',
            reverse: true
        }   
    ];
    vm.order = vm.orders[0];

    vm.new = {};
    vm.addShow = function() {
        vm.shows.push(vm.new);
        vm.new = {};
    };
});