How can I run jquery code after ng-repeat

<div class="interests">
    <ul>
     <li ng-repeat="items in interests" >{{ items.item }}</li>
    </ul>
</div>

Do i need to call a function by using directive...??

<script>
 var maxWidth = 0;
 var elemWidth = 0;
 $('.interests ul li').each(function() {
    elemWidth = parseInt($(this).css('width'));
    if (parseInt($(this).css('width')) > maxWidth) {
       maxWidth = elemWidth;
    }
    });
    $('.interests ul li').each(function() {
       $(this).css('width', maxWidth+1 + "px");
    });
</script>

Angularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs SectionAngularjs Section

var app = angular.module('myApp', ['Authentication', 'ngRoute', 'ngResource', 'ngCookies']);

      app.controller("publicProfile", ['$scope', '$http', '$location', '$resource', function($scope, $http, $location, $resource){

     /*$http.get("database.json").success(function(response){
       $scope.userDetails = response;
       //console.log("Hello22");
      });*/

    $scope.interests = [
      {item:'likes listening to music'},
      {item:'likes dancing'},
      {item:'likes to swim'},
      {item:'likes running'},
      {item:'likes watching TV shows'},
      {item:'likes to travel'},
      {item:'likes hiking'},
      {item:'likes listening to music'},
    ];
}]);

Click here view more answers http://ift.tt/1YHK8O4