Ich habe eine <template is="dom-if" if=...
, die ich mit einer logischen Bedingung verwenden möchte.Verwendung von <template is = "dom-if" mit einer Bedingung
Jede Bindung Ich versuche, erscheint truthy zu sein:
<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>
Was ist der richtige Weg, um einen if
Zustand zu einem dom-if
template
bewerben?
Dank Kuba - Ich weiß, dass ich die Bedingung in einer Funktion wickeln kann oder eine Eigenschaft hinzufügen, die gesetzt wird, wenn die entsprechende Eigenschaft geändert werden, aber ist das wirklich die einzige Weg? Es fühlt sich sehr klobig an, eine Funktion nur so zu extrahieren, dass ein "if" -Block das 'if' auswerten kann. – Keith
gibt es keinen anderen Weg. Sie können auch "berechnete" oder "Beobachter" -Eigenschaften der Eigenschaft verwenden. Aber es gibt nichts wie {{title == 'foo'}}. Du musst dich daran gewöhnen. Ich habe den Lenker vor dem Polymer benutzt und es war am Anfang sehr nervig für mich, also weiß ich, wie es dir geht: D. –