Polymer 我的模板模型会破坏togglePanel（）？

为什么

t.model=model

会破坏我的

p.togglePanel（）

---

修正了，我覆盖了太多的模型内容

    var t = document.querySelector('template')
    t.addEventListener('template-bound', function() {
        t.model.data = data
        t.model.columns = columns
        var p = document.querySelector('core-drawer-panel')
        p.togglePanel()
    })

如果每个webcomponent都使用相同的模型来配置自己，那么这可能是一个设计问题

        var data = [
            {fruit: 'apple', alice: 4, bill: 10, casey: 2, average: 5.3, total: 16 },
            {fruit: 'banana', alice: 0, bill: 4, casey: 0, average: 1.3, total: 4 },
            {fruit: 'grape', alice: 2, bill: 3, casey: 5, average: 3.3, total: 10 },
            {fruit: 'pear', alice: 4, bill: 2, casey: 8, average: 4.6, total: 14 },
            {fruit: 'strawberry', alice: 0, bill: 14, casey: 1, average: 5, total: 15 }
        ]

        var columns = [
            {name:'fruit', cellTemplate: 'fruitsTemplate'},
            {name:'alice'},
            {name:'bill'},
            {name:'casey'},
            {name:'average'},
            {name:'total'}
        ]

        var model = {
            data: data,
            columns: columns
        }

    var t = document.querySelector('template')
    t.addEventListener('template-bound', function() {
        t.model.data = data
        t.model.columns = columns
        var p = document.querySelector('core-drawer-panel')
        p.togglePanel()
    })