Estou tentando usar a interface simples do jQuery. Incluí tudo e tenho esse script simples:

<script>
  $(function() {
    $( "#slider" ).slider();
  });
</script>

e

<div id="slider"></div>

O meu inclui:

<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.4.custom.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/ayaSlider.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="js/angular-route.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>

Mas quando estou abrindo a página, não há controle deslizante. De acordo com a documentação do angular:

Se o jQuery estiver disponível, angular.element é um alias para a função jQuery. Se o jQuery não estiver disponível, o angular.element delega para o subconjunto interno do Angular do jQuery.

No entanto, eu realmente não entendo como posso usarangular.element e não há exemplo.

Atualizar: Consegui ter o controle deslizante na tela, mas ele não funciona, não posso alterar valores ou fazer algo com ele.