javascript - Angular JS : ng-include by function

Question

我在使用 ng-include 时遇到了奇怪的经历。我试图通过触发 Controller 中定义的函数来获取模板路径，该函数根据传递的参数返回路径。这是我的代码-

<tr ng-repeat="detail in Ctrl.details" ng-include="Ctrl.getTemplate(object)"></tr>

Controller -

self.getTemplate = function (obj) {
    if (<condition>) {
        return 'view1';
    } else return 'view2';
};

这工作得很好，但我在调试代码时观察到非常奇怪的行为。 在我的表格行中有 3 个按钮，我在它们上应用了 Bootstrap 工具提示。每当我将鼠标悬停在它们上时，就会出现工具提示并在鼠标左键上调用 getTemplate() 。有人知道为什么会发生这种情况吗？

Answer 1

这是预期的行为。

看看this article 。 Angular 需要检查 ng-include 的表达式是否已更改。为了做到这一点，它需要在每个摘要循环上评估Ctrl.getTemplate(object)，因为没有其他方法可以查明其返回值是否已更改，因此它需要将新值传递给ng-include。