Atualmente, assisti AngularJs e Backbone, e aprendi sobre nocaute e Emberjs. Acabei de ver uma demonstração de um roteador angular na internet. Agora vou escrever a propósito.
A cópia do código é a seguinte:
<! ----
Demo_index.html
->
<! doctype html>
<head>
<meta charset = "utf-8">
<title> rota </title>
</head> <br> // Essa coisa importante é ser compatível com o IE. Se você achar que não funciona, ou seja, te traia, você sabe
<corpo ng-app = "routeApp" id = "routeApp">
<H1> Índice de demonstração de rota </h1>
<script src = "http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2pres/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>
<Cript>
var routeApp = angular.module ('routeApp', []);
routeApp.config (['$ rotadoria', função ($ routeProvider) {
$ RouteProvider
.When ('/list', {
templateurl: 'list.html',
Controlador: 'Routelistctl'
})
.When ('/list/: id', {
templateurl: 'detalhe.html',
Controlador: 'roteedetailctl'
})
.de outra forma({
RedirectTo: '/list'
});
}]);
//controlador
RouteApp.Controller ('Routelistctl', função ($ SCOPE) {
});
RouteApp.Controller ('RouteTetailctl', função ($ SCOPE, $ ROUTEPARAMS) {
$ SCOPE.ID = $ ROUREPARAMS.ID;
});
</script>
</body>
</html>
//list.html
Execute o seguinte código
A cópia do código é a seguinte:
<hr/>
<H3> Rota: list.html </h3>
<ul>
<li ng-repeat = "Id em [1, 2, 3]">
<a href = "#/list/{{id}}"> id {{id}} </a>
</li>
</ul>
//detail.html
Execute o seguinte código
A cópia do código é a seguinte:
<hr/>
<H3> rota <span style = "cor: vermelho;"> {{id}} </span>: detalhe.html </h3>
Isso é todo o código, espero que você possa gostar.