Monday, June 3, 2024
 Popular · Latest · Hot · Upcoming
41
rated 0 times [  43] [ 2]  / answers: 1 / hits: 5396  / 10 Years ago, wed, may 14, 2014, 12:00:00

Can anyone tell me how I could import an element depending on the value of a Polymer attribute?
I thought I could use data binding but... It's not working. Is it possible to import an element dynamically?



code exemple here:



<link rel=import href=app-window/{{name}}-app.html> 
//This was my first idea (obviously doesn't work)


<polymer-element name=window-base attributes=name >
<template>
<link rel=stylesheet href=window-base.css>
<section id=app>
<!--here will go the instance-->
</section>
</template>
<script>
Polymer('window-base', {
name: Finder,
ready: function () {
this.instanceApp();
},
instanceApp: function () {
//this depends on the import made
var app=document.createElement(this.name + -app);
this.$.app.appendChild(app);
}
});
</script>
</polymer-element>


Thanks!


More From » polymer

 Answers
2

according to the Polymer 1.0 migration guide:




The global Polymer.import function is replaced by importHref. The new
method can be invoked from an element as this.importHref. Outside an
element, it can be called as as Polymer.Base.importHref.




So...



this.importHref([yourComponent.html], function() {})

[#45293] Wednesday, May 14, 2014, 10 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
koltenb

Total Points: 276
Total Questions: 92
Total Answers: 101

Location: North Korea
Member since Fri, Nov 4, 2022
2 Years ago
;