【问题标题】:Polymer How can I get core-item>core-button to access parent core-list modelPolymer 如何获取 core-item>core-button 来访问父 core-list 模型
【发布时间】:2015-03-03 19:25:51
【问题描述】:

我正在学习聚合物,我遇到了一个问题,我有一个核心列表在一个数据源上迭代,该数据源模板包含一个核心图标按钮的纸张项目。

<core-list id="list" fit>
            <template>
                <paper-item flex class="row {{ {selected: selected} | tokenList }}">
                  <core-icon-button id="settings" 
                                    icon="settings" 
                                    on-tap={{settingTap}}>
                  </core-icon-button>

                  {{model.Name}}
                </paper-item>
            </template>
          </core-list>

我遇到的问题是,在我的按钮的点击功能上,我需要父项的模型。有没有一种“聚合物方式”来做我所描述的事情?还是我必须延长

【问题讨论】:

  • 或许你可以使用&lt;template bind='{{model}}'&gt;

标签: polymer


【解决方案1】:
    <polymer-element name='cust-list'>
        <template>
            <style>
            </style>        
            <core-list id="list" fit data={{models}}>
                <template>                
                    <paper-item flex class="row {{ {selected: selected} | tokenList }}">
                    <core-icon-button id="settings" icon="settings" on-tap={{settingTap}}></core-icon-button>
                        {{model.name}}
                    </paper-item>
                </template> 
            </core-list>
        </template>

        <script>
            Polymer('cust-list', {
      models: [{name: "test1"}, {name: "test2"}],
      settingTap: function(e,d,s) {
          console.log(s.templateInstance.model.model);
      }
    });
        </script>
    </polymer-element>

    <cust-list></cust-list>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-05-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-04-04
    • 1970-01-01
    相关资源
    最近更新 更多