ng-include関数を正しく利用する

今日はAngular.js（1ではない2）を学び始めました。w3schoolsとそのような他のサイトからの参照で各関数に試してみるためにいくつかのテストコードを作っていました。私は、これはフォーラムを撮影いくつかの問題ではありません知っているが、私のコードは私がすることになっていないエラーを返すように見える...ng-include関数を正しく利用する

エラー：

angular.min.js:103 XMLHttpRequest cannot load partial/html/navbar.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

私が作ってみましたコードのこの作品から自分のために...

<body style="padding-top: 70px"> 

    <div ng-app=""> 
     <div ng-include="'partial/html/navbar.html'"></div> 
     <div ng-view></div> 
    </div> 

    <!-- Initialization --> 
    <script src="js/jquery.min.js"></script> 
    <script src="js/bootstrap.min.js"></script> 
    <script src="js/angular.min.js"></script> 
    <script src="js/angular-route.min.js"></script> 
</body>

私は間違っていますか？コードをコピー/貼り付けても毎回同じ結果が出るようになってしまいます。

出典

2016-06-02 DeathKing

は、あなたのサイトを表示するためにWebサーバを使用していますか？ –

私はする必要がありますか？私はそのjavascriptを意味します。 – DeathKing

私はエラーメッセージについてはわかりませんが、正しいパスを使用していない可能性があります。

あなたのアプリのフォルダ構造は何ですか？あなたはこの1つを持っている場合：

app --> views --> partial --> html --> navbar.html

パスは次のとおりです。

<div ng-include="'views/partial/html/navbar.html'"></div>

出典

2016-06-02 08:24:16 miquelarranz

それは、呼び出し元のhtmlページがどこにあるかによって異なります。 'index.html'が' app/html/'にある場合、' ../ views/partial/html/navbar.html'と書く必要があります。 –

私の場合は、フォルダアプリケーションの中にindex.htmlがあります。 – miquelarranz

返信ありがとうございます...私はディレクトリについて確信しています。なぜなら、index.htmlはpartialsフォルダと同じフォルダにあるからです。それをpartials/html/navbar.htmlにします。 – DeathKing

ng-include関数を正しく利用する

答えて

関連する問題