ng-include不包含content.html

Question

我目前正在使用1.5.3 AngularJS版本，並且ng-include =“'file.html'”無法正常工作

<!DOCTYPE html>
<html lang="en-US" ng-app="myApp">
    <head>

        <!-- Include AngularJS Files -->
        <script src="vendor/AngularJS/angular.min.js"></script>

        <title>Website Title</title>
    </head>
    <body>

        <!-- Include Content.html to index.html -->
        <header ng-include="'content.html'"></header>

    </body>
</html>

當我運行此代碼時，它在index.php上不顯示任何內容

content.html存在於：

<h1>Hello, this is my website.</h1>

只是行不通。

我的代碼查看我如何做

plnkr.co/edit/OagoGf8AavIRxFgGVZSl

Answer 1

只是看看控制台錯誤？

Plunker說沒有模塊“ myApp”。 因此，您沒有在plunker中包含任何.js文件。

實際上我不知道，沒有任何js角度工作方式是正確的，但是在正常情況下，您應該為每個頁面定義主應用程序模塊和控制器

Answer 2

您必須使用angular.module才能將應用程序引導到dom。 這就是角度開始的方式。

格式為

angular的稱為有角度的

.module指定要尋找的模塊的角度，

('myapp'模塊的名稱

, [])來指定您的應用具有的任何依賴項。 您可以將各種東西附加到您的應用程序中，這非常有用。

總共就是angular.module('myApp', [])

請注意，您可以使用angular.module('myApp')隨時掛接到您的應用程序，而無需重新引導，而無需依賴數組。 這將檢索您的應用程序而不實例化它。 然后，您可以將控制器，工廠鏈接起來，如下所示：

angular.module('myApp').controller('MyCtrl', function($scope) {})

看起來您來自PHP，因此一旦開始使用angular，您將獲得真正的享受。 祝您的應用程序好運！

在這里，我編輯了您的監聽器： http ://plnkr.co/edit/fQnngC49d5QsHAzti7Nc

Answer 3

Angular實際上不在該頁面上運行。 僅在您的<head>角度是不夠的。

到目前為止，您已完成以下操作：

定義一個引入角庫的HTML文件。
編寫HTML告訴頁面應該使用角度模塊myApp 。

您現在需要做的就是簡單地創建該模塊。 為此，只需用一行創建一個javascript文件：

angular.module('myApp', []);

這將在全局范圍內創建一個名為myApp的角度應用程序。 然后添加<script>標記，以將新的.js文件包含在index.html 。 而已！ 現在，Angular將查看您的HTML文件，看到您希望應用程序myApp在HTML上運行，並且它將在新的JS文件中找到該應用程序。

這是您的朋克更新

希望這可以幫助。

ng-include不包含content.html

問題描述

3 個解決方案

解決方案1
2 2016-03-26 02:36:17

解決方案2
2 已采納 2016-03-26 02:47:57

解決方案3
2 2016-03-26 02:57:21

ng-include不包含content.html

問題描述

3 個解決方案

解決方案1 2 2016-03-26 02:36:17

解決方案2 2 已采納 2016-03-26 02:47:57

解決方案3 2 2016-03-26 02:57:21

解決方案1
2 2016-03-26 02:36:17

解決方案2
2 已采納 2016-03-26 02:47:57

解決方案3
2 2016-03-26 02:57:21