मॉडल बदलते समय मॉडल

Question

बदलते समय AngularJS img src अद्यतन नहीं करता है I छवियों को लोड करने के लिए ng-src का उपयोग करता हूं। मूल्य कुछ गुंजाइश चर से भरी हुई है, इस तरह:

<img ng-src="{{currentReceipt.image}}"/> 

मेरे मुद्दा यह है कि जब मैं delete $scope.currentReceipt चलाने के लिए, यह ng-src खाली विशेषता बनाता है लेकिन src विशेषता में यह प्रतिबिंबित नहीं करता है। इसलिए नतीजतन मैं उस छवि को देख रहा हूं जहां मुझे खाली प्लेसहोल्डर चाहिए।

मैं इससे कैसे निपट सकता हूं?

Answer 1

यह ngSrc और ngHref निर्देशों से अपेक्षित व्यवहार है। ये निर्देश केवल नए पथों को पहचानने का समर्थन करते हैं, लेकिन जब पथ उपलब्ध नहीं होता है, तो निर्देश exit silently (मुझे यहां एक पुल अनुरोध दिखाई देगा।)।

<img ng-href="{{currentReceipt.image}}" ng-show="currentReceipt.image" /> 

Answer 2

कॉल $ गुंजाइश() हटाने $ गुंजाइश के बाद $ लागू होते हैं:

तो एक संभावित समाधान, ngHref के साथ ngShow उपयोग करने के लिए टैग पूरी तरह को छिपाने के लिए जब छवि चर अब उपलब्ध नहीं है हो सकता है।। currentReceipt।

Answer 3

निम्नलिखित समाधान मेरे लिए काम करता है:

<img ng-src="{{currentReceipt.image}}" ng-show="currentReceipt.image != null" /> 

Answer 4

आप वास्तव में लंबाई के लिए जाँच करें और कर

<img ng-show="user.thumbnail.length > 1" class="img-circle thumb pull-left" ng-src="{{user.thumbnail}}" alt="{{user.firstname}} {{user.lastname}}">