Перемещение к массиву с привязкой к данным, используемому в dom-repeat (Polymer)
У меня есть массив данных (dom-repeat
) в пользовательском элементе Polymer, и мне нужно вставить новые данные в массив. Он не отображает элементы, хотя он знает, что было добавлено 2 элемента. Что мне здесь не хватает?
<link rel="import" href="../../bower_components/polymer/polymer.html">
<dom-module id="main-element">
<template>
<ul>
<template is="dom-repeat" items="{{people}}">
<li>{{item.first}}</li>
</template>
</ul>
</template>
<script>
(function() {
'use strict';
Polymer({
is: 'main-element',
properties: {
people: {
type: Array,
value: function() {
return [];
}
}
},
ready: function() {
// Mock data retrieval
this.people.push({"first": "Jane", "last": "Doe"});
this.people.push({"first": "Bob", "last": "Smith"});
}
});
})();
</script>