angular路由

来源：互联网发布：中国知网卡淘宝编辑：程序博客网时间：2024/05/16 07:08

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <script src="../angular.min.js"></script>    <script src="../angular-route.min.js"></script>    <script>        var myapp = angular.module("myapp", ["ngRoute"]);        myapp.config(function ($routeProvider) {            console.log($routeProvider);            $routeProvider.when("/home", {                templateUrl: "pager/home.html",                controller: "homeCtrl"            }).when("/detail", {                template: "<h2>这里是详情页</h2>"            }).when("/news", {                template: "<h2>这里是新闻页</h2>"            }).when("/error", {                template: "<h2>发生了错误</h2>"            }).otherwise("/error")        })        myapp.controller("homeCtrl", function ($scope) {            $scope.name = "aaaaaa"        })    </script></head><body ng-app="myapp"><ul>    <li><a href="#home">首页</a></li>    <li><a href="#detail">详情页</a></li>    <li><a href="#news">新闻页</a></li></ul><div ng-view=""></div></body></html>

阅读全文

0 0