假设您在Dart中将一个Web组件存储在另一个Web组件中。有什么方法可以从其他组件访问状态？
假设我有一个名为Polymer的元素，x-notebook-element并且其中一个被称为x-note-elementEmbedded的元素（通过迭代器）：
<polymer-element name="x-notebook-element">
<template>
<ul>
<template repeat="{{note in notes}}">
<li is="x-note-element" note="{{note}}"></li>
</template>
</ul>
</template>
<script type="application/dart" src="notebook.dart"></script>
</polymer-element>
困难的是，我希望能够点击一个Delete按钮内x-note-element，消除了x-note-element从DOM并删除note与它相关联的notes列表。
您可以触发一个CustomEvent在你的x-note-element：
dispatchEvent(new CustomEvent('my-delete-event', detail: note.id));
听听这些事件：
<li is="x-note-element" note="{{note}}" on-my-delete-event="{{delete}}"></li>
然后在dart部分x-notebook-element：
delete(CustomEvent e, var detail, Element target) {
final deletedId = e.detail;
// update notes
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句