Polymer: कई फाइलों के लिए importHref ()

को निर्मित 15 दिस॰ 2015 · 4टिप्पणियाँ · स्रोत: Polymer/polymer

importHref(href, onload, onerror) के साथ हम गतिशील रूप से एक HTML दस्तावेज़ आयात कर सकते हैं।

लेकिन हम केवल एक फाइल पास कर सकते हैं। एकाधिक फ़ाइलों को आयात करने का विकल्प है? यदि नहीं, तो सबसे अच्छा तरीका क्या होगा?

स्रोत

abdonrd

👍1

सबसे उपयोगी टिप्पणी

Promise.all इसे अच्छी तरह से संभालता है:

function importHref(href) {
  return new Promise((resolve, reject) => {
    Polymer.Base.importHref(href, function(e) {
      resolve(e.target);
    }, reject, true);
  });
}

// Usage
Promise.all([
  importHref('/elements.html'),
  importHref('/elements2.html'),
  importHref('/elements3.html')
]).then(values => { 
  values.forEach(val => console.log(val.import));
}, e => console.error(e));

http://jsbin.com/kazodirula/edit?html ,output

नोट: मैं Polymer.Base.importHref पर Polymer.Base.importHref async पर नए चौथे तर्क का उपयोग कर रहा हूं। यह एसिंक्स आयात को लोड करेगा लेकिन अभी तक रिलीज में नहीं है।

ebidel 15 दिस॰ 2015

👍5

सभी 4 टिप्पणियाँ

इस पर निर्भर करता है कि आप क्या करना चाहते हैं, उन सभी को async लोड करना चाहते हैं और फिर onload करते हैं, प्रत्येक फ़ाइल को पुनरावृत्त करते हैं और onload या क्या? कुछ विचार...

Polymer.importHrefs = (files, onload, onerror) =>
  files.forEach((file, i, files) =>
    Polymer.importHref(file, onload, onerror));

या ब्रेक ऑनरर के साथ एसिंक्स:

Polymer.importHrefs = (files, onload, onerror, i = 0) =>
  Polymer.importHref(file, (i === files.length - 1) ? onload : Polymer.importHrefs(files, onload, onerror, i + 1), onerror);

हालांकि मैं वादे में importHref लपेटूंगा ...

birkir 15 दिस॰ 2015

Promise.all इसे अच्छी तरह से संभालता है:

function importHref(href) {
  return new Promise((resolve, reject) => {
    Polymer.Base.importHref(href, function(e) {
      resolve(e.target);
    }, reject, true);
  });
}

// Usage
Promise.all([
  importHref('/elements.html'),
  importHref('/elements2.html'),
  importHref('/elements3.html')
]).then(values => { 
  values.forEach(val => console.log(val.import));
}, e => console.error(e));

http://jsbin.com/kazodirula/edit?html ,output

ebidel 15 दिस॰ 2015

👍5

दोनों को धन्यवाद!

abdonrd 15 दिस॰ 2015

हाय @एबिडेल ,

मैंने कई तत्वों को आयात करने के लिए आपके समाधान की कोशिश की। लेकिन सरणी में पहले तत्व के अलावा बाकी तत्वों के साथ समस्या का सामना करना पड़ रहा है।

अन्य तत्व त्रुटि दे रहे हैं "$" अपरिभाषित के लिए "this.$.*" , जब भी उस पॉलिमर तत्व के अंदर पहुँचते हैं।

अगर आपके पास इसका कोई समाधान है तो यह बहुत मददगार होगा।

"अनकॉटेड टाइप एरर: अपरिभाषित की संपत्ति 'somefuntion' नहीं पढ़ सकता"

swapbuk 22 फ़र॰ 2017

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Polymer: कई फाइलों के लिए importHref ()

सबसे उपयोगी टिप्पणी

सभी 4 टिप्पणियाँ

संबंधित मुद्दों