为什么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="'goodbye.html'" ></div> 
    </body> 
</html>

这是goodbye.html的内容：

<h1>Goodbye</h1>

这只是表明了 “你好”，不加上“再见”。为什么不包含goodbye.html？

在您的示例中，您实际上没有引导角。你的JavaScript代码是什么样的？ –

@PankajParkar立即检查。 –

答

您错过了ng-app以引导AngularJS。

此外，NG-包括计算表达式过去了，所以你需要传递一个字符串'goodbye.html'，不goodbye.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>

亲爱的，你只需在你的页面加载角度之前就放置你的ng-app指令......没有不行的...... –

对不起，它没有工作，但是因为我没有初始化'example' module和ng-include评估传递的表达式，所以你需要传递一个字符串''goodbye.html''，而不是'goodbye.html'。我编辑了我的答案。 – Drkdra

它的工作，谢谢，但它听起来有点或冗余有启动脚本，它可能是没有这样的方式更清洁... –

答

使用''在ng-include

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

从Documentation

角度表达评估URL。如果源是字符串常量，请确保将其用单引号括起来，例如 src =“'myPartialTemplate.html'”。

不，我已经有这些''，它不工作... –

看到你的文件的结构。他们在同一个级别吗？ –

答

看完你的html后，似乎你的应用程序不能自动引导。它可能是你手动引导你的应用程序。另一件我注意到的是ng-include将包含html的路径视为字符串，例如..

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

感谢您的参与，Drkdra工作的答案... –

为什么AngularJS不包含这个简单的例子？

相关推荐