Estoy viendo un tutorial de AngularJS sigo todos los pasos que veo en el video pero en la etiqueta <div>
cuando pongo ng-v
no me aparece en las opciones el ng-view
, de todas maneras yo lo completo de forma manual pero cuando voy a la página no me carga nada y tampoco me sale error. ¿Cómo puedo solucionar esto?
Estoy usando la última versión del AngularJS (1.7.2) y en el tutorial utilizan la versión 1.4.0
Este es mi index HTML
<!doctype html>
<html ng-app="CustomDirective">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="./autocomplete-jquery-ui.structure.css">
<link rel="stylesheet" href="./style.css">
<title>Directiva con AngularJS</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.2/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.2/angular-route.min.js"></script>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="./autocomplete-jquery-ui.js"></script>
<script src="./app.js"></script>
<script src="./directives.js"></script>
<script src="./controllers.js"></script>
</head>
<body>
<div ng-view></div>
</body>
</html>
Este es mi JS
angular.module("CustomDirective", ["ngRoute"])
.config(function($routeProvider){
$routeProvider
.when("/",{
controller: "ReposController",
templateurl: "templates/home.html"
})
.when("/repo/:name",{
controller: "RepoController",
templateurl: "templates/repo.html"
})
.otherwise("/");
});
Y este es mi home HTML
<input type="text" my-autocomplete="repos" placeholder="Buscar repositorio">
<ul class="no-list">
<li ng-repeat="repo in posts" ng-hide="main_repo && main_repo != repo.name">
<a href="#/repo/{{repo.name}}">
<div class="circular" back-img="{{repo.owner.avatar_url}}"></div>
<h1 class="inline-block">{{repo.full_name}}</h1>
</a>
</li>
</ul>
<a id="limpiar" ng-show="main_repo" ng-click="clean()">Limpiar</a>
ng-v
"?app.js
. Tengo la sensación de que no estás agregando el módulo al main.