Javascript 对于Angular 1.5组件，是否有方法重新加载模板更改并重新编译？

这有点复杂，请耐心听我说。这里有一个例子来说明我的问题

假设我有一个组件

，它使用模板

tpl-1.html

。相关组件已完全加载到页面上。此外，

包含一个绑定到其他地方的模型的表达式（在Plunkr中，这将是输入框）

假设稍后当页面仍然打开时，我在

tpl-1.html

中添加了一些内容。在不刷新页面的情况下，我只想重新加载

，以便将调整后的模板中的新内容呈现给页面。此外，模板中的任何绑定都不应丢失（因此在重新加载期间，

tpl-1.html

中的表达式仍应绑定到输入框）

我的问题：这可能吗？如果是这样的话，我将如何着手呢？

我尝试了一种显而易见的方法，那就是对

tpl-1.html

进行AJAX调用，替换

中的html，然后继续执行

$compile

操作，但由于绑定丢失，因此没有起作用。我还试图直接替换

本身，但它仍然使用旧模板

---

这似乎是一个路由器能够做到的事情，但对于这样的事情来说，这似乎有点过头了。但是，如果没有它，这是可以实现的吗（或者甚至可以实现）？

您是在问HMR吗？热模块替换，代码中的任何更改都会导致网页中的即时更新，而应用程序的状态不会丢失。@Jai-Ah-yes，HMR，这就是我工作的词。有一个用于Angular 1的吗？我把它与MEA2N和webpack一起使用。您可以尝试更换webpack热模块。它只需要javascript，这样就完全可以与angular1一起工作