关于javascript：简单的ng-include不工作


Simple ng-include not working

在玩一个angularjs为奋斗的第一时间，和在使用天然气包含我的标题和页脚。

这里是我的树：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
myApp
assets
   - CSS
   - js
        - controllers
        - vendor
             - angular.js
             - route.js
             ......
             ......
             ......
        main.js
pages
   - partials
        - structure
              header.html
              navigation.html
              footer.html
   index.html
   home.html

索引：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html ng-app="app">
<head>
    AngularJS Test

    <script src="/assets/js/vendor/angular.js">
    <script src="/assets/js/vendor/route.js">
    <script src="/assets/js/vendor/resource.js">
    <script src="/assets/js/main.js">

</head>
    <body>          

       
           

           

       
    </body>
</html>

main.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var app = angular.module("app", ["ngResource","ngRoute"]);


app.config(function($routeProvider) {

$routeProvider.when("/login", {
    templateUrl:"login.html",
    controller:"LoginController"
});

$routeProvider.when("/home", {
    templateUrl:"home.html",
    controller:"HomeController"
});

$routeProvider.otherwise({ redirectTo: '/home'});

});

app.controller("HomeController", function($scope) {
    $scope.title ="Home";
});

。

1
2
3
<p>
Welcome to the {{ title }} Page
</p>

当我走在我的HTML页，标题，导航和页脚appearing是不需要的。

相关讨论

您正在执行header.url的include而不是header.html。看起来您希望在src属性中使用文本，所以应该用引号将它们括起来，正如@floaty在注释中提到的那样。

变化

1
 

到

1
 

如果不起作用，请检查浏览器控制台是否有404

相关讨论

我对一个简单的ng也有类似的问题，包括不渲染：

我将文件路径用单引号括起来，它现在呈现：

相关讨论

我也遇到了同样的问题。

ng-include没有填充我部分的内容，但是没有控制台错误，也没有404错误。

然后我意识到我做了什么。

帮我修一下：你一定要把ng-app放在ng-include外面！如此明显。作为一个有棱角的角落的代价。

相关讨论

我刚刚想出这个！

对于我来说，我使用一个cdn来导入我的angular.min.js文件，但显然不起作用。我转过身去：

ng include在chrome和explorer中不起作用，但在firefox中起作用，所以这可能是兼容性问题。要确定，请尝试在Firefox或Edge或其他浏览器中生成报告。

相关讨论

是的，如果没有''，ng将尝试评估ng-include("")中的内容。

这种评估是您不将{{}}放在这些指令中的另一个原因。

我也有类似的问题：愚蠢的错误导致了它，我在文本区下面如：

1
<textarea cols="3" type="text" id="WarehouseAddress"  class="form-control"> `

未正确关闭以下内容：

1
2
3
4
<textarea cols="3" type="text" id="WarehouseAddress"  class="form-control"></textarea>


                <ng-include src="vm.showupload()"></ng-include>

我想张贴它可以帮助任何一个我挖掘小时来解决…