Good friends.
I'm using angle 1.6 and I've integrated ui-route for views, this is my code in index.html
<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" >
<link href="https://fonts.googleapis.com/css?family=Nunito|PT+Sans|Slabo+27px" rel="stylesheet">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<script src="assets/js/angular.min.js"></script>
<script src="assets/js/angular-ui-route.min.js"></script>
<script src="assets/js/jquery.min.js"></script>
</head>
<body>
<nav id="navbar" class="navbar fixed-top navbar-toggleable-md navbar-light bg-faded" ui-view="nav"></nav>
<header id="header" class="area" ui-view="header"></header>
<section id="page" class="area" ui-view="page"></section>
<footer id="footer-main" ui-view="footer"></footer>
<script src="assets/js/tether.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/scripts.js"></script>
</body>
</html>
Then, with ui-route I load the views, when I want to capture an element that is inside those views, it does not return it to me, the only ones that it returns are those that are in index.html