如何使用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有selectItem刷新自己的东西。

我试过了valueHasMutated（）;但不起作用。

---

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

重现步骤：

1. 在列出的任何项目下选择“SubItems”（第1项，第2项，第3项）
2. 选择任何标记的子项目（子项目1，子项目2）
3. 部分视图将显示“Sub Item {x}”和“Next View”链接
4. 点击“下一个视图”链接。
5. 将显示“下一部分视图”。
6. 按后退按钮。

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