В эти дни я смотрел Angularjs и Backbone и узнал о нокауте и Emberjs. Я только что увидел демонстрацию углового маршрутизатора в Интернете. Теперь я напишу это, кстати.
Кода -копия выглядит следующим образом:
<! ----
Demo_index.html
->
<! Doctype html>
<голова>
<meta charset = "utf-8">
<title> route </title>
</head> <br> // Эта важная вещь состоит в том, чтобы быть совместимой с IE. Если вы обнаружите, что это не работает, т.е. обманывает вас, вы знаете
<body ng-app = "routeapp" id = "routeapp">
<h1> Демо -индекс маршрута </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>
<Скрипт>
var RouteApp = angular.Module ('routeApp', []);
routeapp.config (['$ routeprovider', function ($ routeprovider) {
$ routeprovider
.hen ('/list', {
Templateurl: 'list.html',
Контроллер: 'Routelistctl'
})
.hen ('/list/: id', {
Templateurl: 'detail.html',
Контроллер: 'RoutedEtailCtl'
})
.в противном случае({
redirectto: '/list'
});
}]);
// контроллер
routeapp.controller ('routelistctl', function ($ scope) {
});
routeapp.controller ('routedetailCtl', function ($ scope, $ routeparams) {
$ scope.id = $ routeparams.id;
});
</script>
</body>
</html>
//list.html
Запустите следующий код
Кода -копия выглядит следующим образом:
<HR/>
<h3> Маршрут: list.html </h3>
<ul>
<li ng-repeat = "id в [1, 2, 3]">
<a href = "#/list/{{id}}"> id {{id}} </a>
</li>
</ul>
//detail.html
Запустите следующий код
Кода -копия выглядит следующим образом:
<HR/>
<h3> route <span style = "color: red;"> {{id}} </span>: detail.html </h3>
Это весь код, я надеюсь, что он вам понравится.