重置ng-view内容

时间:2015-11-11 08:29:53

标签: angularjs ng-view

我有一个问题是"重置" ng-view内容。
情况如下:

  • index.html包含ng-view
  • URL localhost / page指向包含ng-switch的page.html(连接到index.html中的ng-view),以显示与所点击链接相关的右侧部分页面(让我们说链接可用的是subpage1和subpage2)
  • subpage1和subpage2包含每个带有几个输入的表单

现在,如果我在subpage1的输入框中输入内容,那么我打开subpage2然后再返回subpage1,该输入框仍然包含我之前输入的内容。
我希望每当我在子页面之间切换时,他们就会在开始时得到它们("重置" /"重新加载")。我怎么能得到它?

1 个答案:

答案 0 :(得分:0)

我认为ui-router可以为您提供更好的帮助。您可以在那里使用嵌套状态,并将page定义为状态,.subpage1将变为/page/subpage1/

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

如果您希望继续使用ng-view,只需触发所需的操作,即可从控制器手动重置模型。如果您切换到subpage2,只需重置subpage1

的模型即可