2016-07-20 10 views
4

これは私のHTMLの一部で、別のHTMLファイル "content.html"をインクルードしようとしていますが、動作しません。ソースのそれらのアドレスは正しいですが、私はそれを実現させることができません。angular ng-include not working

<!DOCTYPE html> 
    <html lang="en"> 
    <head> 

    <!-- Basic Page Needs 
    –––––––––––––––––––––––––––––––––––––––––––––––––– --> 
    <meta charset="utf-8"> 
    <title>Your page title here :)</title> 
    <meta name="description" content=""> 
    <meta name="author" content=""> 
<!-- Scripts 
–––––––––––––––––––––––––––––––––––––––––––––––––– --> 
<script type="text/javascript" src="js\jquery-3.0.0.min.js"></script> 
<script type="text/javascript" src="js/angular.min.js"></script> 
    </head> 
    <body> 
    <div ng-include src="'content.html'"></div> 
    </body> 
    </html> 

と、これは角度がページにキックオフを取得するように、あなたは、あなたのページhtmlタグにng-app=""を追加する必要があり、私のcontent.html

<div class="container"> 
    <h1>Heading!</h1> 
    </div> 

答えて

5

です。その後、ページ&を走査すると、すべての指示文&が収集され、コンパイルされます。

<html lang="en" ng-app=""> 

代わりのsrcng-includeあなたが直接にもng-include属性にテンプレートの値を渡すことができます。

<div ng-include="'content.html'"> 

Demo Plunkr

+2

属性としてそれを使用しているときにも、 '' NG-含ま= " 'content.html'" としてそれを使用する必要はないのですか? 'src'は' ng-include'を要素として使うときだけ有効ですか? – Lex

+1

@Lexヘッドアップありがとう、改善として、回答に追加しますありがとう:) –

+0

@ PankajParkarありがとう、そのディディトリック。 –