Question

158

Polymer 1.0: Help using dom-if

rated 0 times [ 160] [ 2] / answers: 1 / hits: 17600 / 9 Years ago, mon, july 20, 2015, 12:00:00

Can someone please provide an example of proper implementation of dom-if?

No example of proper usage is provided by the official documentation. (Sorry there is no direct link. Must use menu in upper left and select dom-if).

Here is what I have so far. Obviously, it is not working.

<template>

  ...

  <template is=dom-if if={{action}}=='Login'>

       <!-- Also tried: if={{action=='Login'}} -->

    <a href=#>Forgot password?</a>

  </template>

  ...

</template>

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

magdalena

Add To Favorites

Follow

Total Points: 364

Total Questions: 101

Total Answers: 92

Location: Namibia

Member since Mon, Nov 14, 2022

2 Years ago

magdalena questions

1 React Google Identity services

Thu, May 12, 22, 00:00, 2 Years ago

1 Decrypt AES in JavaScript

Fri, Jun 18, 21, 00:00, 3 Years ago

1 How to get element in eventContent of FullCalendar v5 and to assign it to tip?

Wed, Jun 16, 21, 00:00, 3 Years ago

1 react toastify clear or false when button click

Fri, Mar 26, 21, 00:00, 3 Years ago

1 QuerySelectorAll returning an empty nodelist with OOP

Thu, Oct 29, 20, 00:00, 4 Years ago

View All

answered 9 Years ago natalyah · Accepted Answer

It's cumbersome, but you have to do this:

<template is=dom-if if=[[_actionIsLogin(action)]]>

  <a href=#>Forgot password?</a>

</template>



<script>

  Polymer({

    ...

    _actionIsLogin: function(action) {

      return action === 'Login';

    }

    ...

  });

</script>

Explicitly create a function that returns either true or false.