Display Problem

add scope: true to the directive so that it shares the same scope. :

app.directive('listItem', function() {
    return {
        templateUrl: 'views/directives/listItem.html',
        restrict : 'E',
        scope: true
    }
})