獲取與核心項目元素關聯的模型的最佳方法？

Question

考慮這種聚合物片段：

<core-menu on-core-activate="{{selectUser}}"> 
    <template repeat="{{user in users}}"> 
    <core-item label="{{user.name}}"></core-item> 
    </template> 
</core-menu> 

當用戶點擊一個core-item元素並觸發selectUser，我怎麼確定哪些用戶與活化core-item關聯？我想爲實際對象獲取實例，而不是用於查找對象的一些字符串標識符。

Answer 1

聚合物> = 1.0.0

@reflectable 
void someClickHandler(dom.Event event, [_]) { 
    // for native events (like on-click) 
    var model = new DomRepeatModel.fromEvent(event); 
    // or for custom events (like on-tap, works also for native events) 
    var model = new DomRepeatModel.fromEvent(convertToJs(event)); 
    var value = model.jsElement['items']; 
    // or 
    var value = model.jsElement[$['mylist'].attributes['as']]; 
    // if you used the `as="somename"` 
    // in your <core-list> or <template is="dom-repeat"> 
} 

有關於自定義事件的懸而未決的問題：https://github.com/dart-lang/polymer-dart/issues/624

聚合物< = 0.16.0

單擊處理程序

import 'package:template_binding/template_binding.dart' as tb; 

... 

void onClick(MouseEvent e) { 
    tb.TemplateInstance ti = tb.nodeBind(e.target).templateInstance; 
    var value = ti.model.value as Inner; 
} 

有關更多詳細信息，請參見In Polymer.js children of a template have a reference to the template, how can this be done in Polymer.dart。