爲什麼AngularJS不包含這個簡單的例子？

這是主要頁面的內容：爲什麼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？

來源

2016-08-17 Hussain Mirahmadi

在您的示例中，您實際上沒有引導角。你的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>

來源

2016-08-17 17:01:03 Drkdra

親愛的，你只需在你的頁面加載角度之前就放置你的ng-app指令......沒有不行的...... –

對不起，它沒有工作，但是因爲我沒有初始化'example' module和ng-include評估傳遞的表達式，所以你需要傳遞一個字符串''goodbye.html''，而不是'goodbye.html'。我編輯了我的答案。 – Drkdra

它的工作，謝謝，但它聽起來有點或冗餘有啓動腳本，它可能是沒有這樣的方式更清潔... –

使用''在ng-include

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

從Documentation

角度表達評估URL。如果源是字符串常量，請確保將其用單引號括起來，例如 src =「'myPartialTemplate.html'」。

來源

2016-08-17 17:12:48

不，我已經有這些''，它不工作... –

看到你的文件的結構。他們在同一個級別嗎？ –

看完你的html後，似乎你的應用程序不能自動引導。它可能是你手動引導你的應用程序。另一件我注意到的是ng-include將包含html的路徑視爲字符串，例如..

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

來源

2016-08-17 17:14:02 EJUNIKA

感謝您的參與，Drkdra工作的答案... –

爲什麼AngularJS不包含這個簡單的例子？

回答

相關問題