路由

最新推荐文章于 2023-09-08 11:31:46 发布

原创最新推荐文章于 2023-09-08 11:31:46 发布 · 180 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

<html ng-app="App">

   <head>
       <meta charset="utf-8" />
       <title>路由</title>
       
       <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
       
       <script src="https://apps.bdimg.com/libs/angular-route/1.3.13/angular-route.js"></script>
       <script>
           var App = angular.module("App", ["ngRoute"]);

           App.config(["$routeProvider", function($routeProvider) {
               $routeProvider.when("/aaa1", {
                       //新建一个html 利用 templateUrl进行引用网页
                       templateUrl: "aa.html"
                   })
                   .when("/bbb", {
                       //新建一个html 利用 template 静态网页
                       template: '<p>个人</p>{{result}}'
                   })
                   .when("/ccc", {
                       template: '<p>我的</p>{{result}}'
                   })
                   //设置默认
                   .otherwise({
                       redirectTo: '/aaa1'
                   });
           }]);
           App.controller("Democtrl", function($scope) {
               //$scope.result = "hello World";
               //data nihao
               //$scope.restult =data;
           });
       </script>
   </head>

   <body ng-controller="Democtrl">
       <div>
           <a href="#/aaa1">首页</a>
           <a href="#/bbb">个人</a>
           <a href="#/ccc">我的</a>
       </div>
       <div ng-view></div>
   </body>

</html>

标签

#混合开发CSS