zoukankan      html  css  js  c++  java
  • AngularJS $route重新认识

    <!DOCTYPE html>
    
    <html ng-app="demo">
    <head>
        <title></title>
        <script src="../angular.min.js" type="text/javascript"></script>
        <script src="../angular-route.js" type="text/javascript"></script>
    </head>
    <body>
        <div ng-view></div>
    </body>
    <script>
        var demo = angular.module("demo", ['ngRoute']);
        demo.config(["$routeProvider", function ($routeProvider) {
            $routeProvider.
            when("/", {templateUrl:"partials/Jackey.html",controller:"JackeyController"}).
            when("/Cassi", { templateUrl: "partials/Cassi.html", controller: "CassiController" }).
            otherwise("/", { templateUrl: "partials/Jackey.html", controller: "JackeyController" });
        }]);
        demo.controller("JackeyController",function($scope){
            $scope.name = "Jackey";
        });
        demo.controller("CassiController",function($scope){
            $scope.name = "Cassi";
        });
    </script>
    </html>

    注意点:1 必须添加路由的插件

        2 .config(["",function(){}]);坚持这样的写法

        3 在module上添加["ngRoute"]

    $routeProvider,when();里面的参数:

      1 controller

      2 template:html string

      3 templateUrl:path

      4 resolve 

      5 redirectTo

      6 reloadOnSearch

  • 相关阅读:
    POJ 3280 Cheapest Palindrome
    POJ 1191 棋盘分割
    POJ 1260 Pearls
    HDOJ 4731 Minimum palindrome
    2013 ACM/ICPC Asia Regional Chengdu Online 1004 Minimum palindrome
    POJ 1836 Alignment
    POJ 3267 The Cow Lexicon
    POJ 1276 Cash Machine
    POJ 1837 Balance
    HDU 4554 叛逆的小明
  • 原文地址:https://www.cnblogs.com/lihaozhou/p/3677262.html
Copyright © 2011-2022 走看看