Angular js simple ng-include not working

时间:2014-10-06 05:54:57

标签: javascript angularjs angularjs-ng-include

我是角度js的新手。我想在我的页面中包含简单的html文件。

这是我的代码:

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

但它并没有包含&#39; about.html&#39;页。

这段代码有什么问题?(抱歉英文不好)

提前致谢。

2 个答案:

答案 0 :(得分:1)

尝试

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

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

答案 1 :(得分:0)

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

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