node.js - $scope.$apply 和 ng-include

Question

我正在使用 $scope.$apply 来触发 View 根据范围中更改的变量进行更新。但是，我在 html 中有另一行是 ng-include，

<div data-ng-include data-ng-src="'views/partials/_menubar.html'"></div>

error message

当我删除 ng-include 并将其替换为静态调用时，没有错误。这是我也包含的模板:

<div class="menu" ng-controller="MenuController">
    <div style="display: inline-block">
        Hello!
    </div>
    <ul class="menu_dropdown">
        <li class="menu_item">Test1</li>
        <li class="menu_item">Test2</li>
        <li class="menu_item">Test3</li>
    </ul>       
</div>

菜单 Controller 的代码是

app.controller('MenuController', function($scope) {
});

Answer 1

ng-src 用于允许通常具有 src 的元素(如 anchor 或图像)仅在 Angular 的摘要之后应用 src 标签，而不是在 ng-include 中包含模板。请参阅ng-include文档和ng-src文档。

使用 ng-include 指定 src 的安全方法如下:

<div data-ng-include="src='views/partials/_menubar.html'"></div>

或

<div data-ng-include="'views/partials/_menubar.html'"></div>

如果您必须单独拥有 src，则它是 data-src 而不是 data-ng-src:

<div data-ng-include data-src="'views/partials/_menubar.html'"></div>

参见plnkr .

编辑:要解决您的错误消息..如果您将函数绑定(bind)到每次调用时都会更改的作用域，您将看到该消息。

例如，这会导致这样的错误:

// controller
$scope.getQuote = function(){
    return 'someViewName' + Math.ceil(Math.random() * 10) + '.html';
};

// view
<div data-ng-include="{{getQuote}}"></div>