0

我有一个使用 ng-view 的简单测试应用程序。当我通过网络服务器访问它时,它工作得很好。但是,当我尝试从本地驱动器打开主页时,视图似乎停止工作。我怀疑无法找到视图的路径,因此无法显示,但是当使用 $location 确认路径时,它似乎是正确的。

其他数据绑定正在页面上工作,因此 Angular 似乎正在正确加载和运行。

JAVASCRIPT:

var app = angular.module("MyApp", []);

app.config(function ($routeProvider) {


    $routeProvider
        .when("/item/:Id",
            {
                templateUrl: "partials/itemdetail.html",
                controller: "itemController"
            })
        .when("/items",
            {
                templateUrl: "partials/items.html",
                controller: "itemsController"
            })
        .when("/",
            {
                templateUrl: "partials/items.html",
                controller: "itemsController"
            })
        .otherwise({ redirectTo: '/' });


});

HTML:

 <html data-ng-app="MyApp">
    <head>
        <title></title>
        <script type="text/javascript" src="js/angular.js"></script>
        <script type="text/javascript" src="js/application.js"></script>
    </head>
    <body data-ng-controller="itemsController">
        <img src="{{Logo}}" width="300" />
        </br>
        <div data-ng-view></div>
    </body>
    </html>
4

1 回答 1

1

直接在浏览器中打开文件会导致它没有域。因此,尝试通过 AJAX(例如您的模板)检索文件会导致域安全异常。尝试在您的目录中运行本地服务器。

如果您使用的是 Mac,请打开终端,导航到您的目录并输入:

python -m SimpleHTTPServer
于 2013-06-13T21:10:09.083 回答