聚合物 - 如何从纸张输入中获取 ID？答案

【问题标题】：Polymer - how to get the ID from paper-Input?聚合物 - 如何从纸张输入中获取 ID？
【发布时间】：2016-12-21 10:37:06
【问题描述】：

[飞镖+聚合物]

你好，

我在 Polymer dom-repeat 模板中有 PaperInput 元素。所以，有几个，所以在 @Listen 我尝试获取 id，但它只检索 id="labelAndInputContainer" （无论我在模板中做什么）。

这有什么诀窍吗？我已经尝试了“一切”——在过去的半天里！

这是我的 HTML：

        <template is="dom-repeat" items={{rgetThem}}>
            <paper-card heading={{yyyy(item)}} >
                <div class="card-content"  >
                    <p style="color:red">ID:{{getID(item)}}</p>
                        <paper-input on-change="onchangepassword"
                                     label='Password'
                                     id={{getID(item)}}
                                     floatingLabel>
                        </paper-input>
                </div>

还有听者：

@Listen ('onchangepassword')
  void onchangepassword(Event custEvent, var t) {
    IronInput PI=custEvent.target;
    Element yy=PI.parent;
    String id=yy.id;
  }

欢迎提出任何建议。

谢谢

史蒂夫

【问题讨论】：

polymer-project.org/1.0/docs/devguide/templates#handling-events。 Event.model.item.id
这可能是 Lymp 所追求的，但我的印象是，Lymp 提出了一个问题，即获取引发事件的 PaperInput 的 id 的方法。没关系:-)

标签： dart polymer

【解决方案1】：

你可以试试

Element yy=PI.parent.closest('paper-input');

您面临的问题是 paper-element 封装了一个铁输入元素，该元素包裹在 div 元素中。找到最近的纸张输入将找到铁输入封装在其中的纸张输入，因为这是最近的纸张输入。我敢肯定还有其他方法可以做到这一点，但这对我有用。事实上你可以这样做

Element yy=PI.closest('paper-input');

这也可以。

更新：

在看到有关 dom-repeat 事件模型的评论时，我突然想到您可能想要一个更具体的 Polymer Dart 文档链接。

https://github.com/dart-lang/polymer-dart/wiki/data-binding-helper-elements#handling-events-in-dom-repeat-templates

按照建议

model.item.id

除了 Dart 特定链接之外，我不会将答案的更新部分归功于我。

【讨论】：