2015-07-30 2 views
0

, когда элемент массива удален, а другой добавлен в один сплайс на массив модели, бумажные вкладки просто удаляют удаленный элемент из DOM без добавления нового. Пожалуйста, обратите внимание:Полимерные 1,0 бумажные вкладки не полностью поддерживают сращивание массива

<!doctype html> 
 
<html> 
 

 
<head> 
 
    <title>paper-tabs-splicing-problem</title> 
 
    <meta name="description" content="When array item is removed and another one is added in one splice on model array, paper-tabs just removes removed item from DOM without adding a new one."> 
 
    <script src="https://rawgit.com/EdVaIl/polymer/master/dist/bower_components/webcomponentsjs/webcomponents-lite.js"></script> 
 
    <link rel="import" href="https://rawgit.com/EdVaIl/polymer/master/dist/bower_components/paper-tabs/paper-tabs.html"> 
 
</head> 
 

 
<body> 
 
    <template is="dom-bind" id="app"> 
 
    <template is="dom-repeat" items="[[items]]"> 
 
     <div>[[item]]</div> 
 
    </template> 
 
    <paper-tabs scrollable> 
 
     <template is="dom-repeat" items="[[items]]"> 
 
     <paper-tab>[[item]]</paper-tab> 
 
     </template> 
 
    </paper-tabs> 
 
    </template> 
 
    <script> 
 
    (function(document) { 
 
     'use strict'; 
 
     var app = document.querySelector('#app'); 
 
     app.addEventListener('dom-change', function() { 
 
     app.items = ['square', 'circle', 'pillow', 'triangle']; 
 
     }); 
 
     window.addEventListener('WebComponentsReady', function() { 
 
     app.splice('items', 2, 1, 'line'); 
 
     }); 
 
    })(document); 
 
    </script> 
 
</body> 
 

 
</html>

ответ

0

Вы, вероятно, нужно использовать методы массива мутацию полимера. См. polymer array mutation docs

+0

Уже используется: app.splice ('items', 2, 1, 'line'); –

Смежные вопросы