knockout.js - 如何使用 data-bind="with" 标签刷新 div

Question

我有一个项目集合，我只是想引用已经选择的项目！

<ul data-bind="foreach: items">
    <li><a data-bind="click: $root.select"><span data-bind="text: name"></span></a></li>
</ul>
<div data-bind="with: selectedItem">
    <h1 data-bind="text: name"></h1>
</div>

self.items = ko.observableArray([
            { name: "Bungle", type: "Bear" },
            { name: "George", type: "Hippo" },
            { name: "Zippy", type: "Unknown" }
        ]);

        self.select = function (item) {

            location.hash = "Action/" + item.name;
        }

        self.selectedItem = ko.observable();

对于我的申请人，我只需要做一些事情来告诉 div 具有 selectedItem 来刷新自己。

我试过 valueHasMutated(); 但不起作用。

---

示例代码：https ://skydrive.live.com/redir?resid=33048714B5BF3B4B!913

重现步骤：

1. 在列出的任何项目下选择“子项目”（项目 1、项目 2、项目 3）
2. 选择任何带有标签的子项（子项 1、子项 2）
3. 部分视图将显示为带有“下一个视图”链接的“子项目 {x}”
4. 单击“下一个视图”链接。
5. 将显示“下一个局部视图”。
6. 按下返回按钮。

我想做的是加载 SubItems 并选择“Sub Item 1”视图。