Olá, Estou iniciando em Angular Js, e estou fazendo um projeto em Single Page Application, em minha index, carrego alguns scripts e minha ng-view, mas em uma das minhas partials, eu preciso carregar um script nela, não faz sentido carregar direto na index, pois preciso de elementos DOM que se encontram em minha view, e seria um carregamento desnecessário pois nem todos os usuários chegarão até esta view. Mas percebi que os scripts dentro de partials não são executados. Alguém poderia me dar uma ajuda, segue meus códigos da index, main e partial. Obrigado.
Index.html
<html lang="pt-br" ng-app="sistema">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>Index.html</title>
<script src="/js/lib/angular.min.js"></script>
<script src="/js/lib/angular-route.min.js"></script>
<script src="/js/lib/angular-resource.min.js"></script>
<script src="js/main.js"></script>
<link href="/css/style.min.css" rel="stylesheet" />
<script src="/js/lib/jquery.min.js"></script>
</head>
<body>
<ng-view></ng-view>
</body>
</html>
Partial.html
<script src="caminho-do-meu-script.js"></script>
<script>
$(document).ready(function(){
alert("aqui meu script inline");
});
</script>
<h1>Minha partial com scripts</h1>
Main.js
angular.module('sistema', ['ngRoute', 'ngResource'])
.config(function($routeProvider, $locationProvider) {
$locationProvider.html5Mode(true);
$routeProvider.when('/teste', {
templateUrl: 'partials/partial.html'
});
$routeProvider.otherwise({redirectTo: '/teste'});
});