4

Das ist ein Teil meiner HTML, wo ich versuche, die andere HTML-Datei "content.html" aufzunehmen, aber es funktioniert nicht. Diese Adressen in der Quelle sind korrekt, aber ich kann es nicht machen.angular ng-include funktioniert nicht

<!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> 

und das ist mein content.html

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

Antwort

5

Sie ng-app="" zu Ihrer Seite html Tag hinzufügen sollte, so dass Winkel auf der Seite Auftakt bekommen. Danach beginnt die Seite zu durchlaufen & sammelt alle Direktive & es wird sie kompilieren.

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

Statt ng-include mit src Sie direkt Vorlage Wert in ng-include Attribute als auch passieren könnte.

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

Demo Plunkr

+2

Sie nicht auch brauchen, es zu benutzen als 'ng-include = " 'content.html'"', wenn es als ein Attribut? Ist 'src' nicht nur gültig, wenn' ng-include' als Element verwendet wird? – Lex

+1

@Lex Danke für den Kopf, wird es in der Antwort als eine Verbesserung hinzufügen, Danke :) –

+0

@PankajParkar Danke, dass Didi der Trick. –