J'ai regardé Angularjs et Backbone ces jours-ci, et j'ai appris le knockout et les Emberjs. Je viens de voir une démo d'un routeur angulaire sur Internet. Maintenant, je vais l'écrire en passant.
La copie de code est la suivante:
<! ----
Demo_index.html
->
<! doctype html>
<adal>
<meta charset = "utf-8">
<Title> Route </Title>
</ head> <br> // Cette chose importante est d'être compatible avec IE. Si vous trouvez que cela ne fonctionne pas, c'est-à-dire vous trompe, vous savez
<body ng-app = "routeApp" id = "routeApp">
<h1> Index de démonstration d'itinéraire </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>
<cript>
var routeApp = angular.module ('routeApp', []);
routeApp.config (['$ RouteProvider', fonction ($ RouteProvider) {
$ RouteProvider
.When ('/ list', {
templateUrl: 'list.html',
Contrôleur: «RouteListctl»
})
.When ('/ list /: id', {
TemplateUrl: 'Detail.html',
Contrôleur: «RouteteTailctl»
})
.sinon({
redirectto: '/ list'
});
}]);
//contrôleur
RouteApp.Controller ('RouteListctl', fonction ($ Scope) {
});
RouteApp.Controller ('RouteteTailctl', fonction ($ Scope, $ RouteParams) {
$ scope.id = $ routeParams.id;
});
</cript>
</docy>
</html>
//list.html
Exécutez le code suivant
La copie de code est la suivante:
<hr />
<h3> Route: list.html </h3>
<ul>
<li ng-repeat = "id dans [1, 2, 3]">
<a href = "# / list / {{id}}"> id {{id}} </a>
</li>
</ul>
//detail.html
Exécutez le code suivant
La copie de code est la suivante:
<hr />
<h3> Route <span style = "Color: Red;"> {{id}} </span>: de détail.html </h3>
C'est tout le code, j'espère que vous pourrez l'aimer.