Ng-lazyload-image: आयोनिक २ - "आयन-कार्ड" निर्देश के अंदर काम नहीं कर रहा

को निर्मित 22 अग॰ 2017 · 11टिप्पणियाँ · स्रोत: tjoskar/ng-lazyload-image

नमस्ते,

मैं आयोनिक 2 के साथ इस मुद्दे का सामना कर रहा हूँ:

असल में, क्या हो रहा है कि जब आईएमजी टैग आयन-कार्ड निर्देश के अंदर होता है तो छवि बिल्कुल लोड नहीं हो रही है, यह केवल "डिफ़ॉल्ट छवि" दिखाती है। छवि को आयन-कार्ड के बाहर रखना ठीक काम करता है।

कृपया मुझे बताएं कि क्या आप इस पर एक नज़र डाल सकते हैं।

जगह में.ts
...
निर्यात वर्ग प्लेसपेज {

डिफ़ॉल्ट छवि: स्ट्रिंग = ' http://via.placeholder.com/350x150 ';
जगह: कोई = {
imgUrl: ' https://encrypted-tbn0.gstatic.com/images?q=tbn :ANd9GcSSCP8YYuzKCXQLhQ7mkH5I_VpZ0v23BWrJ4QkxSSldl7sOV__xKA'
};

कंस्ट्रक्टर () {
}

...
}

जगह.एचटीएमएल में:
<ion-card> <img [defaultImage]="defaultImage" [lazyLoad]="place.imgUrl" /> ..... </ion-card>

धन्यवाद

Wait for feedback

स्रोत

walfro

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

नमस्ते,

क्या ion-cord किसी दृश्य के अंदर हैं या ऐसा कुछ भी है जिसका अपना स्क्रॉल कंटेनर है? क्या आप मुझे अपना अधिक विचार दे सकते हैं?

tjoskar 22 अग॰ 2017

जल्दी जवाब देने का शुक्रिया।

यहाँ मेरा विचार मूल रूप से है:

** वह सब जो "आयन-सामग्री" में लिपटा हुआ है लेकिन किसी कारण से यहाँ ठीक से स्वरूपित नहीं किया जा रहा है।

    <ion-card-content>
        <ion-card-title>
            <div>{{place.name}}</div>
        </ion-card-title>
        <div>
            Some content here ....
        </div>
    </ion-card-content>
</ion-card>

walfro 22 अग॰ 2017

मुझे लगता है कि ion-content समस्या हो सकती है। ng-lazyload-image उपयोग कर रहे हैं window स्क्रॉल ईवेंट के लिए डिफ़ॉल्ट प्रति लेकिन ion-content अपने स्वयं पुस्तक कंटेनर उपयोग कर रहा है तो हम पर स्क्रॉल घटना के लिए सुनने की जरूरत है ion-content ।

क्या आप निम्न टेम्पलेट का उपयोग करने का प्रयास कर सकते हैं:

<ion-content #container>
  <ion-card>
    <img defaultImage]="defaultImage" [lazyLoad]="place.imgUrl" [scrollTarget]="container.scrollElement" />
    you content
  </ion-card>
</ion-content>

tjoskar 23 अग॰ 2017

इस मामले की तलाश के लिए धन्यवाद,

मैंने प्रदान किए गए कोड के साथ प्रयास किया है लेकिन कोई फर्क नहीं पड़ता, मुझे लगता है कि आयन-सामग्री समस्या नहीं है और आयन-कार्ड हो सकता है, क्योंकि यदि आप आयन-कार्ड के बाहर आईएमजी टैग लेते हैं तो यह ठीक काम करता है।

क्या आपने इसे अपनी ओर से पुन: पेश करने का प्रयास किया? यदि आपने नहीं किया तो मैं बिटबकेट में एक प्रोजेक्ट साझा कर सकता हूं।

धन्यवाद

walfro 23 अग॰ 2017

हम्म, ठीक है। हाँ, यह बहुत अच्छा होगा यदि मुझे आपकी परियोजना तक पहुँच प्राप्त हो :) मैं बिटबकेट पर उपयोगकर्ता नाम के रूप में tjoskar का उपयोग कर रहा हूँ यदि यह एक करीबी परियोजना है।

tjoskar 23 अग॰ 2017

क्या आपने समस्या का समाधान किया? मैं अब इस मुद्दे को बंद कर दूंगा लेकिन इसे फिर से खोलने के लिए स्वतंत्र महसूस करूंगा।

tjoskar 5 नव॰ 2017

मुझे एक ऐसी ही समस्या है जो अंतहीन स्क्रॉलिंग से संबंधित हो सकती है। विकास में मेरी परियोजना http://veterinary.communityone.com है , आपको सामग्री देखने के लिए एक लॉगिन बनाना होगा, फिर लॉग इन करने के बाद साइडबार से सामाजिक फ़ीड पर क्लिक करना होगा। प्रारंभिक पृष्ठ छवि को ठीक दिखाता है लेकिन एक बार अंतहीन स्क्रॉलिंग शुरू हो जाती है पहली छवि एक स्पिनर में वापस आ जाती है और फिर कभी प्रकट नहीं होती है।

capture

jcbowyer 18 दिस॰ 2017

@jcbowyer , मैंने अभी एक खाता बनाया है लेकिन मैं समस्या को पुन: उत्पन्न नहीं कर सका। मैंने केवल तीन पोस्ट किए और कोई अनंत स्क्रॉल नहीं मिला।

tjoskar 30 दिस॰ 2017

धन्यवाद मैंने अंततः कुछ बदल दिया और यह काम करना शुरू कर दिया। मुझे यकीन नहीं है कि वास्तव में इसे क्या तय किया गया है

jcbowyer 30 दिस॰ 2017

😕1 👎1 👍1

@tjoskar यहां वही मुद्दा है। इसके लिए कोई संभावित फिक्स?

jeffreyramia 29 अप्रैल 2018

@jeffreyramia , वही मुद्दा? क्या आप आयनिक और ion-card का भी उपयोग कर रहे हैं? क्या आप एक नया मुद्दा खोल सकते हैं और इस मुद्दे का वर्णन कर सकते हैं और शायद कुछ कोड साझा कर सकते हैं?

tjoskar 30 अप्रैल 2018

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

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

Ng-lazyload-image: आयोनिक २ - "आयन-कार्ड" निर्देश के अंदर काम नहीं कर रहा

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

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