Question

当我打开主页时，我无法看到＆＃34; home.html＆＃34;的内容。文件。

http://127.0.0.1:60590/#/home.html

同样的问题是当我打开＆＃34; contact.html＆＃34;

http://127.0.0.1:60590/#/contact.html

文件，因为它将我重定向到＆＃34; home.html＆＃34;试。

我认为＆＃34; app.js＆＃34;代码有效。

var mainApp = angular.module('mainApp', ['ngRoute']);

mainApp.config(['$routeProvider', function($routeProvider){

    $routeProvider
        .when('/home', {
            templateUrl: 'view/home.html'
        })
        .when('/contact', {
            templateUrl: 'view/contact.html'
        }).otherwise({
            redirectTo: '/home.html'
        });
}]);

的index.html

＆＃13;

<!DOCTYPE html>
<html lang="pl" ng-app="mainApp">
    <head>
        <meta charset="UTF-8">
        <title>kedar</title>
        <link rel="stylesheet" href="style.css" type="text/css">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
              integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
        <script src="lib\angular-route.min.js"></script>
        <script src="lib\app.js"></script>
        <script src="https://code.jquery.com/jquery-3.1.1.min.js"
                integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
                crossorigin="anonymous"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
        <header ng-include="'header.html'"></header>
        <main ng-view></main>
    </body>
</html>

＆＃13;

无法显示子页面的内容（AngularJS路由）

0 个答案: