Code with troubles using materializecss and angular.js

slider_or_carousel.html

<div class="slider">
  <ul class="slides">
    <li ng-repeat="img in imgs">
      <img src="{{img.ruta}}">
      <div class="caption {{img.align}}-align">
        <h3>{{img.BigTagline}}</h3>
        <h5 class="light grey-text text-lighten-3">
          {{img.SmallSlogan}}.
        </h5>
      </div>
    </li>
  </ul>
</div>
<script>
$(document).ready(function(){
    $('.slider').slider({full_width: true});
});
</script>