Comment accéder aux attributs ou aux méthodes des instances d'éléments polymères
-
21-12-2019 - |
Question
J'ai défini un nouvel élément polymère.
<polymer-element name="m-test">
<template>
...
</template>
<script type="application/dart" src="m-test.dart"></script>
</polymer-element>
@CustomTag('m-test')
class Mtest extends PolymerElement {
@observable int myAttr = 0;
...
void myMethod()
Comment puis-je accéder à l'attribut myAttr
ou appelez la méthode myMethod
pour une instance de cet élément dans mon programme de fléchettes principal.
<m-test id="mt1"></m-test>
<m-test id="mt2"></m-test>
La solution
Vous pouvez accéder à vos attributs dans le balisage
<m-test id="mt1" my-attr="5"></m-test>
ou en code
querySelector('#mt1').myAttr = 5; // produces a warning in the editor
querySelector('#mt1').myMethod(5); // - " -
(querySelector('#mt1') as Mtest).myAttr = 5; // may fail at runtime due to bug https://code.google.com/p/dart/issues/detail?id=15953
(querySelector('#mt1') as Mtest).myMethod(5); // - " -
vous pouvez également accéder aux gestionnaires d'événements de manière déclarative
void clickHandler(event, detail, target) {
// handle event
}
<polymer-element name="m-test">
<template>
<button on-click="{{clickHandler}}">{{myAttr}}</button> // caption from myAttr
</template>
<script type="application/dart" src="m-test.dart"></script>
</polymer-element>
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow