Ich habe heutzutage AngularJs und Rückgrat gesehen und etwas über Knockout und Emberjs erfahren. Ich habe gerade eine Demo eines eckigen Routers im Internet gesehen. Jetzt werde ich es übrigens aufschreiben.
Die Codekopie lautet wie folgt:
<! ----
Demo_Index.html
->
<! docType html>
<kopf>
<meta charset = "utf-8">
<title> Route </title>
</head> <br> // Diese wichtige Sache ist, mit IE kompatibel zu sein. Wenn Sie feststellen, dass es nicht funktioniert, betrügt Sie, dass Sie wissen, wissen Sie
<body ng-App = "RouteApp" id = "RouteApp">
<h1> Routen -Demo -Index </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 RouteApp = angular.module ('RouteApp', []);
RouteApp.config (['$ routeProvider', Funktion ($ routeProvider) {
$ routeProvider
.Wenn ('/list', {
templateurl: 'list.html',
Controller: 'RoutELISTCTL'
})
.Wenn ('/list/: id', {
templateurl: 'detail.html',,
Controller: 'Routedetailctl'
})
.ansonsten({
recirectto: '/list' '
});
}]);
//Regler
RouteApp.Controller ('routelistCtl', Funktion ($ scope) {
});
RouteApp.Controller ('RoutedetailCtl', Funktion ($ scope, $ routesParams) {
$ scope.id = $ routesparams.id;
});
</script>
</body>
</html>
//list.html
Führen Sie den folgenden Code aus
Die Codekopie lautet wie folgt:
<hr/>
<h3> Route: list.html </h3>
<ul>
<li ng-repeat = "id in [1, 2, 3]">
<a href = "#/list/{{id}}"> id {{id}} </a>
</li>
</ul>
//detail.html
Führen Sie den folgenden Code aus
Die Codekopie lautet wie folgt:
<hr/>
<h3> Route <span style = "color: rot;"> {{id}} </span>: detail.html </h3>
Das ist der gesamte Code, ich hoffe, Sie können ihn mögen.