AngularJS奇怪的行为,NG-INCLUDE导致整页重新加载

时间:2014-11-18 18:12:08

标签: javascript html angularjs angularjs-ng-include

简单的ng-include会导致页面在页面区域内反复打印整个网站,这会导致浏览器崩溃。如果我改变了路径,那么同样的事情发生了,显然它甚至没有看路径。如果我在页面的任何地方使用ng-include,则会发生同样奇怪的行为。

模板(list.html)位于angularjs脚本所在的子文件夹中。

HTML

<div ng-if="comments_data">

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

模板

<li ng-repeat="comment in comments_data">
    {{ print_some_stuff }}
</li>

2 个答案:

答案 0 :(得分:2)

请你试试:

<div ng-if="comments_data">
    <div ng-include="'/templates/list.html'"></div>
</div>

路径开头的斜线对我来说是个问题。检查您的路由器,看看如何加载模板(应该与前导斜杠相同)。

答案 1 :(得分:1)

你能检查这是否有用。

<div ng-include="'templates/list.html'" ng-controller="CommentsController" ng-show="isCommentAvailable()"></div>

.controller('CommentsController', function() {
    $scope.comments_data;

    $scope.isCommentAvailable = function() {
        if ($scope.comments_data)
            return true;
        else
            return false;
    }
}