dwadasi Ответов: 1

Routeprovider не работает в angular js


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular-route.js"></script>
    <script>
        var module = angular.module("MyModule", ["ngRoute"]);

        module.config(function ($routeProvider) {
            $routeProvider
            .when("/login", {
                templateUrl: "login.html",
                controller: "loginController"
            })
            .when("/user", {
                templateUrl: "user.html",
                controller: "userController"
            })
            .when("/", {
                templateUrl: "main.html"
            })
        });

        module.controller("loginController", function ($scope) {
            $scope.message = "Login Test";
        });

        module.controller("userController", function ($scope) {
            $scope.message = "User Test";
        });

    </script>
</head>
<body ng-app="MyModule">
    <a href="#!/login">Login</a>  
    <a href="#!/user">User</a>
    <div ng-view></div>
</body>
</html>

Login.html : {{ message }}


Что я уже пробовал:

Может ли кто-нибудь сказать мне, где ошибка, пожалуйста....Этот код не работает в моем chrome.Пожалуйста, помогите мне....

1 Ответов

Рейтинг:
0

sajeetharan

Вам нужно просто использовать,

<a href="#login">Login</a>
<a href="#user">User</a>