Hi Sai,
In 1.0, expressions are not supported in data binding {{}}. You'll need to
use computed property instead:
https://www.polymer-project.org/1.0/docs/migration.html#data-binding
style="display:{{displayArrow}}"
needs to be something like
style="{{computeDisplayArrow(displayArrow)}}"
On Sun, Jul 26, 2015 at 12:31 AM Sai Roshan Chhetri <[email protected]>
wrote:
> Reply if possible
>
>
> On Saturday, July 25, 2015 at 2:44:13 PM UTC+5:30, Sai Roshan Chhetri
> wrote:
>>
>> I am trying to hide the paper-icon-button and want the button hidden
>> while the page is loaded. I have following code written on polymer1.0. and
>> this does not seem to hide the button.
>> Kindly help and let me know where am I missing?
>>
>> <!doctype html>
>> <html>
>> <head>
>> <title>Test Home</title>
>>
>> <meta charset="utf-8">
>>
>>
>>
>> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
>> <meta name="viewport" content="width=device-width,
>> minimum-scale=1.0, initial-scale=1, user-scalable=yes">
>>
>> <link rel="import"
>> href="bower_components/paper-icon-button/paper-icon-button.html">
>> <link rel="import"
>> href="bower_components/iron-icons/iron-icons.html">
>> <style>
>> </style>
>> </head>
>>
>> <body>
>> <template is="dom-bind" id="t">
>>
>> <paper-toolbar id="header">
>> <paper-icon-button icon="arrow-back"
>> style="display:{{displayArrow}}" alt="arrow-back" title="arrow-back"
>> on-click="onBackPress"></paper-icon-button>
>>
>> <h3>TestPage</h3>
>> </paper-toolbar>
>>
>>
>>
>> </template>
>>
>> <script>
>> var template = document.querySelector('#t');
>> template.displayArrow='none'
>>
>> </script>
>>
>> </body></html>
>>
>> Follow Polymer on Google+: plus.google.com/107187849809354688692
> ---
> You received this message because you are subscribed to the Google Groups
> "Polymer" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to [email protected].
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/polymer-dev/0eaea8d7-c03a-4d74-bafc-0b2b878cd31f%40googlegroups.com
> <https://groups.google.com/d/msgid/polymer-dev/0eaea8d7-c03a-4d74-bafc-0b2b878cd31f%40googlegroups.com?utm_medium=email&utm_source=footer>
> .
> For more options, visit https://groups.google.com/d/optout.
>
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/polymer-dev/CACGqRCDiYpv_M6pYQjKRu8v_9BRn49cSk8fJ9XbpEXFRcsBdjA%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.