0

ng-view を使用する簡単なテスト アプリがあります。Web サーバーを介してアクセスすると、完全に機能します。ただし、ローカル ドライブからメイン ページを開こうとすると、ビューが機能しなくなったように見えます。ビューへのパスが見つからないため表示できないと思われますが、 $location を使用してパスを確認すると正しいようです。

他のデータ バインディングがページで機能しているため、Angular は正しく読み込まれ、実行されているようです。

ジャバスクリプト:

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 に答える