Durandal Compose:激活方法并不总是被调用

2024-03-01

在 SPA 中,我有一个视图,其中使用 compose 绑定包含另一个视图。该子视图(子视图)有一个 activate 方法,该方法在加载父视图时被调用。

<div data-bind="compose: 'viewmodel/fol/index'"></div>

但是,当我离开父视图然后返回到它(不刷新浏览器)时,子视图中的 activate 方法不再被调用。如何强制在每次加载父视图时调用它?


由于您在这里没有利用路由器,因此子 viewModel 的行为将不尊重完整的激活生命周期。您可以采取两种方法:(a) 利用路由器或 (b) 手动激活子进程。

如果您想采用第一种方法,您可以在 viewModel 上创建一个子路由器并创建一个router绑定而不是compose捆绑。在这种情况下这可能有点过分了,所以我会跳过它。

根据您在此处提供的信息,更好的方法是不要尝试自动挂钩激活生命周期。所以不要打电话给你activate()函数激活,调用它init():

function folIndexViewModel() {

  this.init = function() {
    ...
  };
}

在你的父级中,让你的激活函数调用 init

var child = require('viewmodel/fol/index');
function parentViewModel() {

    this.activate = function() { 
        child.init();
    }
}

请注意,此方法仅适用于您的孩子是单身人士。有关此内容的更多信息,请参阅本文底部:http://durandaljs.com/documentation/Creating-A-Module.html http://durandaljs.com/documentation/Creating-A-Module.html.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Durandal Compose:激活方法并不总是被调用 的相关文章

随机推荐

  • 隐藏重复行 SSRS 2008 R2

    我的报告中出现重复的数据 因为源表有重复的数据 在不创建组的情况下 我想隐藏重复的数据写入表达式 所以我做了什么 我选择表行并为表行的隐藏属性添加一个表达式 表情就像是 上一个 字段 ID 值 字段 ID 值 但它不起作用 仍然显示重复的数
  • 选择组中第 i 个 jQuery 对象比 $($(".someclass")[i])) 更简单的方法?

    所以我试图循环遍历 someclass 的成员 不是 DOM 元素 而是它们的 jQuery 对应元素 我一直在使用 someclass i 但这非常丑陋 有更自然的方法来做到这一点吗 你可以使用eq http api jquery com
  • 动态控件组和复选框无样式

    所以我尝试将动态内容直接加载到我的复选框容器 group checkboxes 中 div div 这是我正在运行的用于填充容器的语句 group checkboxes append fieldset fieldset
  • 使重叠内容的容器适合最大孩子的高度

    我正在构建一个在 3 个引号之间旋转的轮播 幻灯片类型小部件 假设标记如下所示 div class carousel blockquote blockquote blockquote blockquote blockquote blockq
  • Laravel 中的“请提供有效的缓存路径”错误

    我复制了一个正在运行的 Laravel 应用程序并将其重命名以用于另一个应用程序 我删除了供应商文件夹并再次运行以下命令 composer self update composer update npm install bower inst
  • 表格页脚自动跨过表格宽度

    我有一张桌子 里面有动态列数取决于我收到的数据 我有一个标签需要分布在所有列上 与表中的列数无关 table thead tr th span ColA span th th span ColB span th th span Col br
  • 为什么gcc中malloc将值初始化为0?

    可能各个平台的情况不一样 但是 当我使用 gcc 编译并运行下面的代码时 我在 ubuntu 11 10 中每次都得到 0 include
  • Microsoft.FSharp.Math.Matrix 发生了什么?

    有点奇怪 这个类类型如何从 VS2010 发布的 F 中删除 有谁知道它去哪儿了 或者现在在哪里 它位于 F powerpack 中 F 团队将其用于 不稳定 代码 这些代码的发布和更新频率将高于 F 和库的主要版本 请注意 该代码仍然是高
  • 与scala反射库不一致

    我无法理解为什么在 2 11 1 中使用 scala 的运行时反射会给出看似不一致的结果 我正在尝试检查 java 对象中包含的字段的类型 如下所示 import java util List import java util ArrayL
  • 如何在jquery中缓慢改变背景属性?

    我想要为背景设置动画 但它不会随 animate 改变 document ready function menu hover function this stop animate background moz radial gradient
  • 如何防止在 Cloudflare 上暴露源 IP 地址?

    在 Cloudflare DNS 设置页面上 它指出An A AAAA CNAME or MX record is pointed to your origin server exposing your origin IP address
  • 列表框数据模板 - 只能通过单击子元素来选择项目,而不仅仅是项目上的任何位置

    我有一个带有项目数据模板的列表框 问题在于 仅通过单击项目上的任意位置无法选择项目 必须选择项目 我必须单击特定的子元素才能使其实际工作 我的项目有一个图像和一个文本块 如果我将鼠标悬停在图像或文本块上 我实际上会看到悬停效果 如果我将鼠标
  • Spring-boot Resttemplate response.body 为 null 而拦截器清楚地显示 body

    使用 Spring boot 1 5 10 RELEASE 我得到的 response body 为 null 这是我使用 RestTemplate 的方式 RestTemplate restTemplate new RestTemplat
  • Maven javadoc + 自定义 doclet

    从命令行调用 mvn 时如何指定 dolect 工件 mvn clean install javadoc javadoc Ddoclet my Doclet DdocletArtifact 你应该添加这样的东西到你的pom xml
  • 具有动态谓词的表的最佳索引

    我想优化SQL Server中下表的查询速度 CREATE TABLE dbo PriceNodeLookupIndex Id int IDENTITY 1 1 NOT NULL PriceNodeId int NOT NULL ItemI
  • 如何解决 TypeError: 无法序列化 float Python Elementtree

    我有一个调试问题 由于我是新来的 请原谅可能的简陋文字墙 经过几个小时我终于得到了elementtree做我想做的事 但我无法输出我的结果 因为 tree write output3 xml 也 print ET tostring root
  • 如何使用 Python 和 web3.py 调用智能合约函数

    我在以太坊测试网络上部署了一个合约 其中包含一些功能 并且它们在使用 Remix 界面时都恰好可以工作 当尝试在 Python 中使用 web3 py 调用这些函数时 我只能调用公共函数 并且该部分工作正常 问题是调用具有 限制 的函数 例
  • 验证 RSA 密钥是否与 Java 中的 X.509 证书匹配

    我有一个 RSA 密钥和一个用于 SSL 连接的 X 509 证书 密钥和证书存储在 PEM 格式的文件中 由 OpenSSL 生成 并在 Apache HTTP 服务器环境中使用 有没有一种简单的方法可以仅使用 Java 代码 不执行 o
  • Swift 中递归调用期间的 BAD_ACCESS

    在玩 Swift 时 我遇到了崩溃的情况 但我仍然不明白为什么 让我们定义 class TestClass var iteration Int 0 func tick gt Void if iteration gt 100000 print
  • Durandal Compose:激活方法并不总是被调用

    在 SPA 中 我有一个视图 其中使用 compose 绑定包含另一个视图 该子视图 子视图 有一个 activate 方法 该方法在加载父视图时被调用 div div 但是 当我离开父视图然后返回到它 不刷新浏览器 时 子视图中的 act