Angular.js, $ sce ile yönlendirmeyi istediğimi aktarmamı engelliyor

Question

PNG Sırasını canlandıracak bir yönerge oluşturdum ve görüntü URL'sinde kod yazarken her şey iyi çalışıyor. dinamik bir URL iletin $ sce'nin buna izin vermediği bir hata alıyorum. Bence

module.exports = function() { 
    return { 
     restrict : 'E', 
     scope: { 
      height: '@height', 
      frames : '@frameCount', 
      src : '@src', 
      width : '@width' 
     }, 
     link : function (scope, element) { 
      var currentPosition = 0; 
      var i = 1; 
      var fps = 1000/30; // Setting this to 30 frames per second. 
      element.css({ 
       backgroundImage : 'url(' + scope.src +')', 
       height : scope.height + 'px', 
       width : scope.width + 'px' 
      }); 
      setInterval(function() { 
       if(i < scope.frames) { 
        currentPosition = currentPosition + (parseInt(scope.height)); 
        element.css('background-position-y', '-' + (currentPosition) + 'px'); 
        i++; 
       } 
      }, fps); 
     } 
    } 

Sonraki Ben yönergeyi ekleyin: Burada

benim yönergesi kodudur

<png-sequencer src='assets/images/png-sequences/{{user.segment}}_{{user.condition}}.png' frame-count='12' height='37' width='64'></png-sequencer> 

aşağıdaki hatayı alıyorum Ancak:

angularjs: 13236 hatası : [$ interpolate: noconcat] Enterpolasyon yaparken hata oluştu: varlıklar/resimler/png-sekanslar/{{user.segment}} _ {{user.condition}} .gng Strict Contextual Kaçarmak, interpolasyonları engeller. Güvenilir bir değer gerektiğinde birden çok ifadeyi birleştirin.

Eğer src'yi "asset/images/png-sequences/day_rainy.png" gibi kodlanmış değerlerle değiştirirsem, her şey düzgün çalışır. Dinamik src'ye izin vermek için ne yapmam gerekir?

Answer 1

Sorun, src'nin rezerve edilmiş bir kelimeydi, pngSrc'ye göre sorunu düzeltdi.