Ng-lazyload-image: أيوني 2 - لا يعمل داخل توجيه "بطاقة أيون"

تم إنشاؤها على ٢٢ أغسطس ٢٠١٧ · 11تعليقات · مصدر: tjoskar/ng-lazyload-image

أهلا،

أواجه هذه المشكلة مع Ionic 2:

في الأساس ، ما يحدث هو أنه عندما تكون علامة img داخل توجيه البطاقة الأيونية ، لا يتم تحميل الصورة على الإطلاق ، فإنها تعرض فقط "defaultImage". وضع الصورة خارج البطاقة الأيونية تعمل بشكل جيد.

يرجى إعلامي إذا كان بإمكانك إلقاء نظرة على هذا.

in place.ts
...
تصدير فئة PlacePage {

defaultImage: string = ' http://via.placeholder.com/350x150 '؛
المكان: أي = {
imgUrl: " https://encrypted-tbn0.gstatic.com/images؟q=tbn : ANd9GcSSCP8YYuzKCXQLhQ7mkH5I_VpZ0v23BWrJ4QkxSSldl7sOV__xKA"
} ؛

البناء() {
}

...
}

in place.html:
<ion-card> <img [defaultImage]="defaultImage" [lazyLoad]="place.imgUrl" /> ..... </ion-card>

شكرا

Wait for feedback

مصدر

walfro

ال 11 كومينتر

أهلا،

هل ion-cord داخل عرض ما أو أي شيء يحتوي على حاوية تمرير خاصة به؟ هل يمكنك أن تعطيني المزيد من وجهة نظرك؟

tjoskar في ٢٢ أغسطس ٢٠١٧

شكرا على الرد السريع.

إليكم ما هو رأيي في الأساس:

** كل ما يتم تغليفه في "محتوى أيوني" ولكن لسبب ما لم يتم تنسيقه بشكل صحيح هنا.

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

walfro في ٢٢ أغسطس ٢٠١٧

أعتقد أن 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 في ٢٣ أغسطس ٢٠١٧

شكرا للنظر في هذا ،

لقد جربت الكود المقدم ولكن لم أحدث أي فرق ، أعتقد أن المحتوى الأيوني ليس هو المشكلة وقد تكون بطاقة الأيونات كذلك ، لأنك إذا أخذت علامة img خارج البطاقة الأيونية ، فستعمل بشكل جيد.

هل حاولت إعادة إنتاجه من جانبك؟ يمكنني مشاركة مشروع في bitbucket في حال لم تفعل ذلك.

شكرا

walfro في ٢٣ أغسطس ٢٠١٧

هم ، حسنا. نعم ، سيكون ذلك رائعًا إذا تمكنت من الوصول إلى مشروعك :) أنا أستخدم tjoskar كاسم مستخدم على bitbucket إذا كان مشروعًا قريبًا.

tjoskar في ٢٣ أغسطس ٢٠١٧

هل حللت المشكلة؟ سأغلق هذه المشكلة الآن ولكن لا تتردد في إعادة فتحها.

tjoskar في ٥ نوفمبر ٢٠١٧

أواجه مشكلة مماثلة قد تكون مرتبطة بالتمرير اللانهائي. مشروعي قيد التطوير هو http://veterinary.communityone.com ، فسيتعين عليك إنشاء تسجيل دخول لرؤية المحتوى ثم النقر على موجز التواصل الاجتماعي من الشريط الجانبي بمجرد تسجيل الدخول. تُظهر الصفحة الأولية الصورة بشكل جيد ولكن بمجرد بدء التمرير اللانهائي تعود الصورة الأولى إلى قرص دوار ولا تظهر مرة أخرى أبدًا.

capture