Polymer 1.0: Aide à l'utilisation de dom-if

Quelqu'un peut-il donner un exemple de la bonne mise en œuvre de dom-if?

Pas d'exemple de "bon usage" est fourni par le la documentation officielle. (Désolé, il n'y a pas de lien direct. Doit utiliser le menu en haut à gauche et sélectionnez dom-if).

Voici ce que j'ai jusqu'à présent. Évidemment, il n'est pas de travail.

<template>
  ...
  <template is="dom-if" if="{{action}}=='Login'">
       <!-- Also tried: if="{{action=='Login'}}" -->
    <a href="#">Forgot password?</a>
  </template>
  ...
</template>

source d'informationauteur Mowzer | 2015-07-20

  1. 26

    C'est gênant, mais vous avez à faire cela:

    <template is="dom-if" if="[[_actionIsLogin(action)]]">
  <a href="#">Forgot password?</a>
</template>

<script>
  Polymer({
    ...
    _actionIsLogin: function(action) {
      return action === 'Login';
    }
    ...
  });
</script>

    Explicitement de créer une fonction qui renvoie true ou false.

  2. 4

    je pense que l'exemple suivant est assez simple et facile à comprendre, mettre en oeuvre (il n'est pas dans le lien que vous avez fourni):

    https://www.polymer-project.org/1.0/docs/devguide/templates.html

    à partir de la page ... 

    <div>{{user.name}}</div>

<template is="dom-if" if="{{user.isAdmin}}">
  Only admins will see this.
  <div>{{user.secretAdminStuff}}</div>
</template>
...

    espère que cela aide.

  3. 1
    <template>
    <iron-ajax           
            auto
            url="https://jsonplaceholder.typicode.com/todos"
            handle-as="json"
            last-response="{{baul}}">
    </iron-ajax>

    <template is="dom-repeat" items="{{baul}}" >
        <template is="dom-if" if="{{item.completed}}">{{item.title}} is completed<br></template>
    </template>


</template>