配列の変更はRactive JSで動作しません

配列にアイテムをプッシュしようとしていますが、これはHTMLでは表示されません。配列の変更はRactive JSで動作しません

コードの例：

<script type="text/" id="tmpl"> 
<button on-click="create" type="button">Create</button> 
{{#items}}{{.}},{{/items}} 
</script> 

<body> 

<div id="container"> 
</div> 

</body> 

var model = {items: [1, 2, 3, 4]}; 

var ractive = new Ractive({ 
    el: "#container", 
    template: "#tmpl", 
    data: model 
}); 

ractive.on("create", function() { 
    model.items.push(7); 
    console.log(model.items); 
});

https://codepen.io/anon/pen/eWzJNR

何が悪いのでしょうか？

出典

2017-04-21 Kirill Trofimov

コードフォームの例http://docs.ractivejs.org/latest/array-modificationも機能しません –

'model.itemsの代わりに' ractive.push（ 'items'、7）; 'を使うことができます。 push（7）; ' – martypdx

Ractive以外のモデルを更新できるので、解決策ではありません。 –