【问题标题】:Durandal: Manually remove view from DOMDurandal:从 DOM 中手动删除视图
【发布时间】:2023-03-21 11:54:01
【问题描述】:

我正在使用 HotTowel SPA 创建一个单页应用程序,它使用 Durandal 2.0

我有两个视图,名为 Dashboard 和 Settings。

当我加载网站时,仪表板视图被加载。当我点击设置时,仪表板视图被停用,当我点击仪表板时,它又被激活。

我的设置视图中有一个方法。调用此方法时,我希望从 DOM 中删除仪表板视图。这样当我再次单击仪表板时,它必须重新加载视图(就像重新加载网页时一样),而不是仅仅激活它。

那么有没有办法手动分离视图?

【问题讨论】:

  • 不太了解用法,您能更好地解释一下您要达到的目标吗?
  • 你想通过删除视图来达到什么目的,因为它干扰了 Durandal
  • 感谢您的回复。我希望每次打开仪表板页面时都重新加载它(就像我第一次加载页面时一样)。我认为如果您从 dom 中删除视图,这是可能的,因为 durandal 说当视图分离时会发生这种情况。 (当您查看 durandal Docs 时,它说分离的回调将被称为“当关联的视图与 DOM 分离时”)
  • 基本上我希望每次激活它时都重新加载视图。

标签: dom durandal single-page-application detach durandal-2.0


【解决方案1】:

您可以在组合绑定上将cacheViews 设置为false。在Using Composition 下查看大约 3/4 页。

在 shell.html 文件中(我想在 HotTowel 中也是一样的),会有这样一行:

<div class="container-fluid page-host" data-bind="router: { transition:'entrance', cacheViews:false }"></div>

【讨论】:

  • 我也发现了。但如果我这样做,每个视图总是会被分离,而这不是我想要的。
  • 在这种情况下,同一页面也会显示 注意: 如果您设置了 cacheViews:true 则仅在第一次显示视图时才会调用附加,在初始绑定上,因为从技术上讲,视图只附加一次。如果您希望覆盖此行为,请在您的合成绑定上设置 alwaysTriggerAttach:true。
  • 谢谢,这与我正在寻找的内容非常接近。但是有没有办法只为一个视图设置 alwaysTriggerAttach:true,或者只在某个方法被执行时设置?
猜你喜欢
  • 2016-05-30
  • 1970-01-01
  • 2010-11-21
  • 1970-01-01
  • 1970-01-01
  • 2015-12-04
  • 1970-01-01
  • 1970-01-01
  • 2011-01-25
相关资源
最近更新 更多