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不工作

回答

相關問題