छवि AngularJS के साथ अनुरोध प्राप्त करें

Question

मैं AngularJS नियंत्रक में HTML में प्रदान की जाने वाली छवि के स्रोत स्ट्रिंग को संग्रहीत कर रहा हूं, हालांकि यह कोणीय नियंत्रक के आरंभ होने से पहले 404 पैदावार देता है।

यहाँ HTML है:

 <div ng-controller="Cont">
      <img src="{{imageSource}}">
 </div>

कोणीय नियंत्रक:

 var Cont = function($scope) {
      $scope.imageSource = '/tests.png';
 }

और मुझे जो त्रुटि मिलती है ( टेम्पलेट %7D%7Dसे मेल खाती है {{)।

 GET https://localhost:9000/%7B%7BimageSource%7D%7D 404 (Not Found) 

मेरे द्वारा इसे होने से कैसे रोका जा सकता है? यही है, केवल छवि को लोड करें जब कोणीय नियंत्रक को आरंभीकृत किया गया है?

Answer 1

प्रलेखन देखने के लिए अपने src को ng-src के साथ बदलने का प्रयास करें :

Src विशेषता में {{hash}} जैसे कोणीय मार्कअप का उपयोग करना सही नहीं है: ब्राउज़र URL से शाब्दिक पाठ {{हैश}} से तब तक प्राप्त करेगा जब तक कि कोणीय {{हैश}} के अंदर अभिव्यक्ति को प्रतिस्थापित नहीं करता। NgSrc निर्देश इस समस्या को हल करता है।

 <div ng-controller="Cont">
      <img ng-src="{{imageSource}}">
 </div>

Comments

डेटा-एनजी-कंट्रोलर और डेटा-एनजी- src का उपयोग करना बेहतर है ताकि HTML मान्य हो।

— जूम्पी एनआर

Answer 2

अगर कोई पृष्ठभूमि-छवि की स्टाइल के लिए समाधान खोज रहा है, तो इसका उपयोग करें:

<div ng-style="{'background-image': 'url({{ image.source }})'}">...</div>

Comments

इंटरसेप्‍टेशन को एनस्‍टील के साथ प्रयोग करना बुरा है। संदर्भ: docs.angularjs.org/api/ng/directive/ngStyle

— अब्दुल रऊफ