He visto Angularjs y Backbone en estos días, y he aprendido sobre Knockout y Emberjs. Acabo de ver una demostración de un enrutador angular en Internet. Ahora lo escribiré por cierto.
La copia del código es la siguiente:
<! ----
Demo_index.html
->
<! Doctype html>
<Evista>
<meta charset = "utf-8">
<title> ruta </title>
</head> <br> // Esta cosa importante es ser compatible con IE. Si descubres que no funciona, es decir, te engaña, sabes
<Body Ng-App = "RouteApp" id = "RouteApp">
<h1> Índice de demostración de ruta </h1>
<script src = "http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2pre/html5shiv.js"> </script>
<script src = "http://cdnjs.cloudflare.com/ajax/libs/json2/20121008/json2.js"> </script>
<Div ng-view> </div>
<script src = "http: // localhost: 81/js/angular.min.js"> </script>
<script>
var rutapp = angular.module ('rutaApp', []);
RouteApp.Config (['$ RoutepRoVider', function ($ RouteProvider) {
$ Routeprovider
.Whher ('/list', {
TemplateUrl: 'list.html',
Controlador: 'rutelistctl'
})
.When ('/list/: id', {
TEMPLATURL: 'Detalle.html',
Controlador: 'Routedetailctl'
})
.de lo contrario({
Redirecto: '/list'
});
}]);
//controlador
RouteApp.Controller ('RoutelistCtl', function ($ Scope) {
});
RouteApp.Controller ('Routedetailctl', function ($ scope, $ RouteParams) {
$ scope.id = $ rutuparams.id;
});
</script>
</body>
</html>
//list.html
Ejecutar el siguiente código
La copia del código es la siguiente:
<hr/>
<h3> ruta: list.html </h3>
<ul>
<li ng-repeat = "id en [1, 2, 3]">
<a href = "#/list/{{id}}"> id {{id}} </a>
</li>
</ul>
//detail.html
Ejecutar el siguiente código
La copia del código es la siguiente:
<hr/>
<h3> ruta <span style = "color: rojo;"> {{id}} </span>: detall.html </h3>
Ese es todo el código, espero que te pueda gustar.