javascript - AngularJS ng-include 不起作用

标签 javascript html angularjs angularjs-ng-repeat angular-directive

这是main.html 文件的来源

<!DOCTYPE html>
<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>

    <script>
        var myApp = angular.module ('myApp',[]);
        myApp.controller('myCtrl', function ($scope){
            $scope.name = "Tim";
            $scope.partialStuff = [ 'a', 'b', 'c' ];
            alert(window.angular.version.full);//1.3.14 is displayed
        });
    </script>
</head>
<body ng-app="myApp">
    <div ng-controller="myCtrl">
            {{name}}
        <div ng-repeat="partialVar in partialStuff">
            Hello: <div ng-include src="'part.html'"></div>
        </div>
    </div>
</body>
</html>

还有一个 part.html 包含纯文本 'part' - 只有几个符号。

文件 main.htmlpart.html 都位于同一个文件夹中。

当我在浏览器中打开 main.html 时,我没有看到 part.html 内容的三个重复,但是我看到了三个 Hello: 。似乎未加载 part.html

为什么?

谢谢。

请将它放在 body 标签中以使其工作

<script type="text/ng-template" id="part.html">
  part
</script>

最佳答案

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

应该是我认为的正确语法。 更多信息 here

编辑:另外,文件路径应该来自根目录而不是 html 文件的相对路径。

关于javascript - AngularJS ng-include 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29520883/

相关文章:

javascript - Angular RouteParams 发送 ID

php - 我正在尝试使用当前类制作 CSS 和 Javascript 菜单

javascript - 自定义 useEffect 第二个参数

html - 仅在 IE 10 中应用的用于列表项的 CSS 填充

html - Bootstrap 下拉不会下拉

javascript - tomcat无法访问javascript文件夹

javascript - 嵌套自定义 polymer 元素中的数据绑定(bind)(递归数据绑定(bind))

javascript - 如何正确使用 indexOf() 处理多个元素?

regex - HTML5 输入模式搜索报价

javascript - 正则表达式:非连续的特殊字符只允许出现在中间