Update data in Directive

Update directive data for correct offset of results-heading.

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<div ng-controller="MyCtrl">
   <legend>Select songs to play</legend>
<label ng-repeat="song in selectedAlbumSongs">
    <input type="checkbox" name="{{song.url}}" id="{{song.name}}" ng-model="song.checked" ng-change="selectedSongs()">
    <label for="{{song.name}}">{{song.name}}</label>
</label>
    {{playList}}
</div>

JavaScript

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

function MyCtrl($scope,$filter) {
    $scope.selectedAlbumSongs = [ { 'name': 'song1', 'url': 'http://test/song1.mp3' }, { 'name': 'song2', 'url': 'http://test/song2.mp3' }, {'name': 'song3', 'url': 'http://test/song3.mp3' }];
    
    $scope.selectedSongs = function () {
        $scope.playList = $filter('filter')($scope.selectedAlbumSongs, {checked: true});
}
}