Tem que instanciar algum módulo do angular para ele reconhecer o "$"? Pois estou tomando o erro do angular "ReferenceError: $ is not defined"
Eu nem aciono as funcoes, porém ao carregar ele já ocorre o erro
Controller
angular
.module('CEE01')
.controller('ModalHorarioAluno', function($http, $scope) {
$('.modalHorario1').click(function() {
$('.modalHorario').show();
});
$('.modalHorario1-close').click(function() {
$('.modalHorario').hide();
});Index
<!DOCTYPE html>
<html lang="pt-br" ng-app="CEE01">
<head>
<base href="/">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>CEE01</title>
<script src="js/lib/angular.min.js"></script>
<script src="js/lib/angular-animate.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>
<script src="js/controllers/accordion.js"></script>
<script src="js/controllers/modal/modalHorarioAluno.js"></script>
<script src="js/directives/minhas-diretivas.js"></script>
<body>
<div class="container">
<header>
<!-- <h3 ng-controller="titulo">{{variavel}}</h3> -->
<input type="checkbox" id="control-nav" />
<label for="control-nav" class="control-nav float-l"></label>
<label for="control-nav" class="control-nav-close float-l"></label>
<nav for="control-nav" class="float-r menu">
<ul class="list-auto ">
<div>
<li>
<h3 class="corTextoMenu"> Professor</h3>
</li>
<li>
<a href="consultaProfessor"> - Consultar Professor</a>
</li>
<li>
<a href="incluirProfessor"> - Incuir Professor</a>
</li>
<li>
<a href="alterarProfessor"> - Alterar Professor</a>
</li>
<li>
<br />
<h3> Aluno</h3>
</li>
<li>
<a href="consultaAluno"> - Consultar Aluno</a>
</li>
<li>
<a href="incluirAluno"> - Inlcuir Aluno</a>
</li>
<li>
<a href="alterarAluno"> - Alterar Aluno</a>
</li>
<li>
<br />
<h3> Turma</h3>
</li>
<li class="botaoDistribuirTurma">
<a href="turma">
- Turmas
</a>
</li>
<li class="botaoDistribuirTurma">
<a href="distribuirTurma">
- Distribuição de Turma
</a>
</li>
</div>
</ul>
</nav>
</header>
<ng-view></ng-view>
<section>
<footer class="footer ">
</footer>
</section>
</div>
<!-- fim container -->
</body>
</html>
