Javascript 角形ng包括

Javascript 角形ng包括,javascript,angularjs,Javascript,Angularjs,我正在学习angular.js,这是我的第一个“hello world”脚本。我正在尝试使用ng include包含本地文件/templates/nav.html中的导航栏。我正在学习一个教程,不明白为什么它不起作用 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Hello World</title> <link h

我正在学习angular.js,这是我的第一个“hello world”脚本。我正在尝试使用ng include包含本地文件/templates/nav.html中的导航栏。我正在学习一个教程,不明白为什么它不起作用

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>Hello World</title>

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
   <link href="css/styles.css" rel="stylesheet" type="text/css" />
</head>
<body ng-app="app">
    <header ng-include src="'templates/nav.html'">
    </header>
    <div ui-view></div>
    <section>
    </section>
    <footer>
    </footer>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.15/angular-ui-router.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/app.js"></script>

</body>
templates/nav.html只是默认的引导导航栏。我做错了什么?

应该是:

    <div ng-include="'templates/nav.html'"></div>

并将标题标记放在nav.html中

应该是:

    <div ng-include="'templates/nav.html'"></div>


并将标题标记放在nav.html中

您需要将您的js/app.js文件作为脚本包含在内-目前没有正在实例化的angular应用程序

将此添加为要包含的最后一个脚本:

<script src="js/app.js"></script>

您需要将您的js/app.js文件作为脚本包含在内-目前没有正在实例化的angular应用程序

将此添加为要包含的最后一个脚本:

<script src="js/app.js"></script>


为什么要使用angular版本
1.0.8
,您可以使用最新版本。我同意K.Toress的观点。为什么要使用这么旧的版本?抱歉,我一定是拿错了cdn。我抓取了最新版本并更正了语法。。它似乎仍然不起作用。为什么你使用angular版本
1.0.8
,你可以使用最新版本。我同意K.Toress的观点。你为什么使用这么旧的版本?嘿,很抱歉,我一定是拿错了cdn。我抓取了最新版本并更正了语法。。它似乎仍然不起作用,但我不知道问题出在哪里,这应该能起作用:Plunkr:我需要使用特定的文件结构吗?我有一个css、images、js、templates和index.htmlIs在浏览器的控制台输出中打印任何内容吗?尝试在angular之前包含jquery(请参见此处了解详细信息):让我们来看看。然后我看不出有什么问题,这应该有效:Plunkr:我需要使用特定的文件结构吗?我有一个css、images、js、templates和index.htmlIs。在浏览器的控制台输出中打印任何内容吗?请尝试在angular之前包含jquery(有关详细信息,请参见此处):让我们来看看。