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

  • 相关阅读:
    Layui_2.x_上传插件使用
    Layui_1.0.9_分页实例_Java
    Jquery_如何扩展方法
    Linux_Crontab命令
    Linux_Centos7_设置MySql定时备份
    Linux_MySql_tar_安装(转)
    MySql_创建用户并赋予权限
    滚动条定位
    MySQL 存储过程创建表
    取两个时间差
  • 原文地址:https://www.cnblogs.com/lihaozhou/p/3677262.html
Copyright © 2011-2022 走看看