What are the rules for implicit adjustment of hrefs in Polymer elements? -

मैंने पाया है कि & lt; a & gt; तत्व पर href विशेषता स्वतः में समायोजित हो जाती है एक पॉलिमर तत्व की परिभाषा, लेकिन मैंने कभी भी उस दस्तावेज को नहीं देखा है ज्यादातर समायोजन हानिरहित होते हैं, लेकिन कभी-कभी यह बगों का एक सूक्ष्म स्रोत होता है।

देखें। दस्तावेज़ में दो लिंक हैं, प्रकाश DOM में और & lt; polymer-element & gt; के अंदर। दोनों बिंदु को href = ".." (या तो उत्पादन क्रोम या कैनरी में) चलाने के बाद, पहला लिंक अछूता रहता है, लेकिन दूसरा यह है कि वह (कोई गंतव्य नहीं) में चुपचाप संशोधित है।

हालांकि यह उदाहरण का योगदान है, मेरे पास कुछ पृष्ठ घटक हैं जो विभिन्न कारणों से अपने स्वयं के लिंक का निरीक्षण करना चाहते हैं। ये रहस्यमय ढंग से संशोधित किए गए href्स उस कोड को विफल करने के लिए पैदा कर रहे हैं उदाहरण के लिए, अगर फ़ूओ नामक पेज पर एक लिंक होता है, तो href में लिंक गंतव्य चुपचाप निकाल दिया जाता है।

क्या यह href संशोधन एक बग या सुविधा है? और अगर यह जानबूझकर है, तो नियम किस प्रकार संशोधित किए गए हैं और मैं इसे बंद कर सकता हूं?

आयात पुनर्स्थापित करने के लिए डिज़ाइन किए गए हैं। IOW, मैं एक ऐसा आयात कर सकता हूं जो आयात के रूप में एक ही फ़ोल्डर में & lt; img src = "foo.png" & gt; और डाल foo.png और एक परियोजना उस आयात का उपयोग कर सकती है और छवियों को बिना पथ के ढंका किए बिना छवि तक पहुंच सकती है।

पॉलिमर टेम्पलेट्स के अंदर के रास्ते आयात-रिश्तेदार बनाने के लिए (प्रयास) द्वारा आगे एक कदम लेता है। इस तरह से मैं & lt; img src = "foo.png" & gt; को अपने टेम्पलेट में डाल सकता हूं और इसके जैसा ही व्यवहार करता हूं।

एक में पथों का फिर से लिखना & Lt; बहुलक-तत्व & gt; मुख्य दस्तावेज़ में एक बग है कोई भी पथ मैंगलिंग जो सही आयात-सापेक्ष पथ का परिणाम नहीं है, वह एक बग है। जैसा कि आप कुछ बग मारते हैं, आपको लगता है कि आप इकलौते टिकट फ़ाइल करते हैं।

अतिरिक्त नोट्स:

1. अभी तक, बाइंडिंग वाले कोई यूआरएल अछूता नहीं गया था मेरा मानना ​​है कि नवीनतम संस्करण में ऐसे यूआरएल को आयात-रिश्तेदार के रूप में बदल दिया जाएगा, यदि यूआरएल पहले स्थान पर असहनीय रूप से रिश्तेदार है।

2. यदि आपको असंगत रूप से एक पथ की गणना करने की आवश्यकता है जहां कहीं भी आपके तत्व का स्रोत था, आप resolvePath पद्धति का उपयोग कर सकते हैं जो हर पॉलिमर तत्व में निर्मित होती है। IOW, इस तरह से कुछ: var documentRelativePathToFoo = this.resolvePath ('foo.png'); । यह foo.png के पथ की गणना करता है जो window.document के परिप्रेक्ष्य से सही है, जो कि सबसे अधिक DOM कार्रवाइयों (जैसे XHR) के परिप्रेक्ष्य में है।