Angular js简单ng-include不工作

我是角js中的新手。我试图在我的页面中包含简单的html文件。Angular js简单ng-include不工作

这是我的代码：

<!DOCTYPE html> 
<html ng-app=""> 
<head> 
</head> 

<body ng-controller="userController"> 

<div class="container"> 
    <div ng-include src="'about.html'"></div> 
</div> 

<script src= "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"></script> 

</body> 
</html>

和about.html

<table class="table table-striped"> 
    <thead><tr> 
    <th>Edit</th> 
    <th>First Name</th> 
    <th>Last Name</th> 
    </tr></thead> 
    <tbody><tr> 
    <td> 
     Edit 
    </td> 
    <td>ss</td> 
    <td>dd</td> 
    </tr></tbody> 
</table>

不过，这并不包括 'about.html' 页面。

有什么不对的代码吗？（对不起，我英文不好）

在此先感谢。

来源

2014-10-06 Soorajlal K G

你能解决这个问题吗？我有同样的问题。如果你已经解决了这个问题，请发表解决方案。以下答案对我无效。 – Amarnath 2014-10-12 15:14:47

尝试

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

或

<ng-include src="'about.html'"></ng-include>

来源

2014-10-06 05:59:05

我尝试了与您的答案相同的例子，但仍然无法包含新的HTML文件。我得到了'页面未找到错误'。 – Amarnath 2014-10-13 05:48:38

我刚刚复制了上面的示例，并将index.html和about.html文件放在同一个文件夹中，并从正文中删除了ng-controller，因为我没有带有控制器的js文件，它对我来说工作正常。 – 2014-10-13 07:17:26

谢谢。你可以请看看我发布的这个[问题]（http://stackoverflow.com/q/26335567/967638）。 – Amarnath 2014-10-13 08:20:34

所包含的文件URL应该是相对于包括页面的URL的客户端。您可能正在使用某种抽象您的URL格式的Web框架。

您应该将包含的文件与其他静态文件放在一起。

来源

2014-10-13 08:39:03 Variant

Angular js简单ng-include不工作

回答

相关问题