Javascript 为什么AngularJS include在这个简单的示例中不起作用？_Javascript_Html_Angularjs

Javascript 为什么AngularJS include在这个简单的示例中不起作用？

javascript html angularjs

Javascript 为什么AngularJS include在这个简单的示例中不起作用？,javascript,html,angularjs,Javascript,Html,Angularjs,这是主页的内容： <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> </head> <body> <h1>Hello</h1> <div ng-include="

这是主页的内容：

<html>
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
    </head>
    <body>
        <h1>Hello</h1>
        <div ng-include="'goodbye.html'" ></div>
    </body>
</html>


你好

这是bye.html的内容：

<h1>Goodbye</h1>

再见

它只显示“你好”，而没有添加“再见”。为什么它不包括再见.html？

您缺少引导AngularJS的

ng应用程序
另外，ng包含对传递的表达式求值，因此您需要传递字符串'debye.html'
，而不是debye.html

<html ng-app="example">
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
        <script type="text/javascript">
            angular.module('example',[]);
        </script>
    </head>
    <body>
        <h1>Hello</h1>
        <div ng-include="'goodbye.html'"></div>
    </body>
</html>


angular.module（'example'，[]）；
你好
您缺少引导AngularJS的ng应用程序
另外，ng包含对传递的表达式求值，因此您需要传递字符串'debye.html'
，而不是debye.html

<html ng-app="example">
    <head>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
        <script type="text/javascript">
            angular.module('example',[]);
        </script>
    </head>
    <body>
        <h1>Hello</h1>
        <div ng-include="'goodbye.html'"></div>
    </body>
</html>


angular.module（'example'，[]）；
你好
在ng include中使用'

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



从
计算URL的角度表达式。如果源是字符串
常量，请确保用单引号将其括起来，例如。
src=“'myPartialTemplate.html'”
在ng include中使用'

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



从
计算URL的角度表达式。如果源是字符串
常量，请确保用单引号将其括起来，例如。
src=“'myPartialTemplate.html'”
查看html后，应用程序似乎没有自动引导。可能是您正在手动引导应用程序。我注意到的另一件事是ng include将包含html的路径设置为字符串形式
<div ng-include="'goodbye.html'" ></div>

查看html后，应用程序似乎没有自动启动。可能是您正在手动引导应用程序。我注意到的另一件事是ng include将包含html的路径设置为字符串形式
<div ng-include="'goodbye.html'" ></div>


在您的示例中，实际上并没有引导angular。你的JavaScript代码看起来像什么？@PankajParkar现在检查一下。在你的例子中，你实际上并没有引导。你的JavaScript代码是什么样子的？@PankajParkar现在检查一下。亲爱的，在你将angular加载到页面之前，你只需放置你的ng app指令。。。不，这不起作用…很抱歉，它不起作用，但因为我没有初始化示例
模块和ng include来计算传递的表达式，所以您需要传递字符串'debye.html'
，而不是debye.html
。我编辑了我的答案。这很有效，谢谢，但有那个入门脚本听起来不是很好还是多余，没有它可能会更干净…亲爱的，你只是在你将angular加载到页面之前放置了你的ng应用程序指令。。。不，这不起作用…很抱歉，它不起作用，但因为我没有初始化示例
模块和ng include来计算传递的表达式，所以您需要传递字符串'debye.html'
，而不是debye.html
。我编辑了我的答案。它工作了，谢谢，但是有那个入门脚本听起来不是很好吗？或者说是多余的，如果没有它，它可能会更干净…看看你的文件的结构。它们在同一级别吗？请查看文件的结构。他们在同一水平吗？