angularjs में src विशेषता के अंदर ng-repeat चर का उपयोग करना?

Question

मैं निम्नलिखित है:

div.container 
    script(src='/js/bootstrap/holder.js') 
    p.text-info(ng-pluralize, 
       count="devices.length", 
       when="{ '0': 'There are no fragments.', 'one': 'There is 1 fragment.', 'other': 'There are {} fragments.'}") 

    ul.unstyled(ng-repeat='fragment in devices') 
     ul.thumbnails 
      li.span 
       div.thumbnail 
        img(src="holder.js/{{fragment.dimension.width}}x{{fragment.dimension.height}}") 
        div.caption 
         h3 {{fragment.name}} 
         p {{fragment.dimension}} 
         ul.unstyled(ng-repeat='component in fragment.components') 
          li {{ component.name }} 

समस्या src="holder.js/{{fragment.dimension.width}}x{{fragment.dimension.height}}" में है, यानि कि यहां तक ​​कि जिसके परिणामस्वरूप एचटीएमएल मैं एक सही स्रोत (src="holder.js/300x200") देखने को देखकर यह छवि प्रदर्शित नहीं करता है। मेरा अनुमान है कि यह गुणों के अंदर कोणीय चर का उपयोग नहीं करता है ..

मैं इसे कैसे काम कर सकता हूं?

संपादित करें: ऐसा लगता है यह निष्पादित नहीं करता है holder.js .. यहाँ स्रोत है: पहली कॉल मैं प्रयोग किया जाता में कोणीय {{हैश}} दूसरे में मैं मैन्युअल रूप से डाल holder.js/300x200

<div class="thumbnail"> 
    <img src="holder.js/1678x638"> 
    <img src="data:image/png;base64,iVBORw0KG...ElFTkSuQmCC" data-src="holder.js/300x200" alt="300x200" style="width: 300px; height: 200px;"> 
</div> 

Answer 1

documentation बताते हैं कि काफी स्पष्ट रूप:

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

तो तुम का उपयोग करना चाहिए:

<img ng-src="holder.js/{{fragment.dimension.width}}x{{fragment.dimension.height}}" />