如何在ng-template中更新值

Question

我有这个模板

<script type="text/ng-template" id="template">
    <span class="count-container">
        <span >{{count}}</span>
    </span>
</script>

并且我多次使用不同的ng-init来包含此内容

<span ng-include="'template'" ng-init="count=$ctrl.getTotalCount()"></span>

<span ng-include="'template'" ng-init="count=$ctrl.tabs[0].errorCount"></span>

这在第一次加载时就可以正常工作，但是在组件中更新值时，这些值不会反映在加载模板的位置。我猜这是由于ng-init的工作原理，因为第一次加载就一切正常。

那么应该使用什么来在模板中更新值？

Answer 1

您可以使用$watch：

ng-init="$watch('count=$ctrl.tabs[0].errorCount')"

这只是一个内联解决方案。但是，您应该使用scope.$watch()。