从一个页面到另一个页面的可观察值

Question

无法访问父级到子页面的可观察对象。下面列出的情景......

1. 我有一个页面列出了网格中的所有用户信息（比如主页），并且还有操作按钮
2. 点击操作按钮，我将使用来自prev（主页）页面的用户基本信息加载另一页（可能是用户详细信息页面）

代码库是这样的

1. HomePage.cshtml有homepagevm.js
2. 点击操作按钮，我在homepagevm.js中有功能，并将选择用户信息设置为可观察对象。我尝试使用alert语句，我得到了所需的值
3. DetailPage.cshtml具有相同的homepagevm.js引用。但是我没有得到值（HomePagevm.UserName()）。

代码库：

在homepage.cshtml中

<a role="button" data-bind="click: $root.isUserdtl">User Detail</a><br>
@Scripts.Render("homepagevm.js")

homepagevm.js有isUserDtl方法

homepagevm.isUserdtl= function (element) {
    homepagevm.UserName(element.UserName);
}

在Detailpage.cshtml

中

<span data-bind="text: homepagevm.UserName()"></span>
@Scripts.Render("homepagevm.js")

我尝试按<span data-bind="text: $root.UserName()"></span>访问，也没有root语法。

我在使用另一个VM进行详细信息页面时遇到问题，因此在一个单独的js文件中调用了所有方法调用。任何帮助将非常感激。谢谢。