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/d77090bf-39ee-4d24-b1b0-8173d854756b%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
