從Dart中的其他Web組件訪問狀態

假設您有一個Web組件存儲在Dart中的另一個Web組件中。有沒有辦法從其他組件訪問狀態？從Dart中的其他Web組件訪問狀態

比方說，我有一個聚合物元件稱爲嵌入式x-notebook-element和一個叫x-note-element它裏面（通過迭代器）：

<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從DOM 和中刪除x-note-element從notes列表中刪除與其關聯的note。

來源

2014-01-28 lucperkins

可能重複[如何刪除子組件中的刪除按鈕]（htt電話號碼：//stackoverflow.com/questions/20406328/how-to-remove-a-child-component-with-a-delete-button-in-the-child-itself） –

您可以觸發你的x-note-element一個CustomEvent：

dispatchEvent(new CustomEvent('my-delete-event', detail: note.id));

而且聽這些事件：在x-notebook-element鏢部分

<li is="x-note-element" note="{{note}}" on-my-delete-event="{{delete}}"></li>

然後：的

delete(CustomEvent e, var detail, Element target) { 
    final deletedId = e.detail; 
    // update notes 
}

來源

2014-01-28 07:51:24

從Dart中的其他Web組件訪問狀態

回答

相關問題