Question

我写了一个角度网站，在其中我使用重新路由来获得主索引的局部视图。我的网站在我的本地PC上工作正常。

主视图 Index.html 有一个ng-view div，当网站首次加载时，该div应显示 Chapter.html 中的部分视图。代码位于 myScript ，app.Config。

我将网站上传到Somee托管服务器， index.html 内未显示 Chapter.html 视图。我研究了一下，似乎服务器不应该有angularjs的问题。此外，对于所有的角度来说似乎不是问题，因为我的banner指令有效。

我正在使用我自己的角度脚本副本，但我认为这不是问题。

这是我的代码的基础知识：

的index.html：

<!DOCTYPE html>
<html lang="he" dir="rtl">
<head>
    <link href="../css/bootstrap-theme.css" rel="stylesheet" />
    <link href="../css/bootstrap.css" rel="stylesheet" />
    <link href="../css/MyStyle.css" rel="stylesheet" />
    <script src="../Scripts/bootstrap.js"></script>
    <script src="../Scripts/angular.min.js"></script>
    <script src="../Scripts/angular-route.js"></script>
    <script src="../modules/myModule.js"></script>
    <script src="../Controllers/myController.js"></script>
    <script src="../Scripts/MyScript.js"></script>
</head>
<body ng-app="myApp" ng-controller="myCtrl" class="container-fluid"> 
    <banner></banner>
    <div id="chapter" class="ng-view">
    </div>
</body>
</html>

Chapter.html：

<div>
    <img src="../Images/Chapter1.1.jpg" />
</div>

myScript.js：

app.directive("banner", function () {
    return {
        template: "<h1>My Title</h1>"
    };
});


app.config(function ($routeProvider) {
    $routeProvider
    .when("/", {
        templateUrl: "Chapter.html"
    });
});

上传到服务器

0 个答案: