rv-each- *：在删除模型中的第一个项目时删除视图中的最后一个项目

Question

我的模型中有一些项目

model.items = [
    {
        index: 1,
        data: "data-1"
    },
    {
        index: 2,
        data: "data-2"
    },
    {
        index: 3,
        data: "data-3"
    },

];

并使用rv-each- *在我看来迭代它们。

<p rv-each-item="items" rv-data="item.data">
    {item.index}
</p>

现在我要删除第一项。所以我使用Array.shift()方法并删除模型中的第一项 - 但它删除了DOM中的第3项。

http://jsfiddle.net/H3bDT/11/

有没有办法删除DOM中的第一项？