À l'aide de <modèle=“dom-si” avec une condition
J'ai un <template is="dom-if" if=...
que je veux utiliser avec une condition logique.
Contraignante j'essaie semble être truthy:
HTML:
<link href="https://polygit.org/components/polymer/polymer.html" rel="import">
<dom-module id="test-thing">
<template>
<template is="dom-if" if="{{title == 'foo'}}" restamp>
Title is <b>FOO</b>
</template>
<template is="dom-if" if="{{title}} == 'bar'" restamp>
Title is <b>BAR</b>
</template>
Actual: "{{title}}"
</template>
<script>
Polymer({
is: 'test-thing',
properties: {
title: {type: String,value:''}
}
});
</script>
</dom-module>
<div>
Title: foo<br>
<test-thing title="foo"></test-thing>
</div>
<div>
Title: bar<br>
<test-thing title="bar"></test-thing>
</div>
<div>
Title: abc<br>
<test-thing title="abc"></test-thing>
</div>
Quelle est la bonne façon d'appliquer une if
condition à une dom-if
template
?
Vous devez vous connecter pour publier un commentaire.
vous devez définir votre fonction.
et ensuite dans le script:
chaque fois qu'elle est bien
title
changé, la fonction_isEqualTo
est appelé. si vous n'avez pas à prendre soin de l'observation de la propriété ou de quelque chose.fonction
_isEuqalTo
est appelée avec 2 paramètres, le deuxième est tout simplement de la chaîne que vous souhaitez comparer une valeur avec.if
bloc peut évaluer laif
.computed
, ouobserver
options de propriété aussi. Mais il n'y a pas quelque chose comme {{titre == 'toto'}}. Vous devez vous habituer à elle. J'ai été en utilisant le guidon avant de Polymère et c'était vraiment gênant pour moi au début, donc je sais comment vous vous sentez à ce sujet 😀 .La seule logique que vous pouvez utiliser dans une liaison n'est pas.
par exemple:
Si vos données ont été tels que Toto était booléen ou a un attribut "Foo":true ou "isFoo":true . Ensuite, vous pouvez simplement faire: