重置ng视图内容



我在"重置"ng视图内容时遇到问题
情况如下:

  • index.html包含ng视图
  • URL localhost/page指向page.html(连接到index.html中的ng视图),其中包含ng开关,用于显示与单击的链接相关的右侧部分页面(假设可用的链接是子页面1和子页面2)
  • 子页1和子页2包含一个表单,每个表单都有一对输入

现在,如果我在子页面1的输入框中键入一些内容,然后打开子页面2,然后返回到子页面1,该输入框仍然包含我之前键入的内容
我希望每次在子页面之间切换时,它们都会像开始时一样("重置"/"重新加载")。我怎样才能拿到它?

我认为ui路由器可以更好地帮助您。您可以在那里使用嵌套状态,并将page定义为状态,.subpage1将变为/page/subpage1/

这样做的缺点是,每次进入状态时,它都会重新加载视图和控制器,但会刷新数据。

如果您希望继续使用ng视图,只需在触发所需操作后从控制器手动重置模型即可。在您的情况下,当您切换到subpage2时,只需重置subpage1 的模型

最新更新