Angularjs, kapsamı

Question

için özel enterpolasyon sembolleri kullanıyor. Şu anda açısal olarak kullanmak istediğim ve yine alt çizgi ile kullanabileceğim bir underscore.js şablonum var.

angular.directive('underscoreTemplate', function ($parse, $compile, $interpolateProvider, $interpolate) { 
    return { 
     restrict: "E", 
     replace: false, 
     link: function (scope, element, attrs) { 
      $interpolateProvider.startSymbol("<%=").endSymbol("%>"); 
      var parsedExp = $interpolate(element.html()); 
      // Then replace element contents with interpolated contents 
     } 
    } 
}) 

Ama bu

Error: Unknown provider: $interpolateProviderProvider <- $interpolateProvider <- underscoreTemplateDirective

için kullanılabilir $interpolateProvider mi hata tükürür: Böyle bir yönergesini kullanarak belirli bir kapsam için interpolasyon başlangıç ​​ve bitiş sembollerini değiştirmek mümkün acaba modül yapılandırması? <%= değerini {{ ve %> - }} olarak değiştirmek için dize değiştirmeyi kullanmak daha iyi bir çözüm olabilir mi?

Ayrıca, ben element.html()%> yılında <%= yılında < ve > kaçar fark ettim. Bu otomatik kaçmayı önlemek için bir yolu var mı?

Answer 1

Tamam, bir çift sorununuz var ama Sizin için bir çözüm buldum.

Demo

http://jsfiddle.net/colllin/zxwf2/

Sayı Eğer element.html() aradığınızda sizi < ve > karakter < ve > dönüştürülür ediliyor 1

böylece, hatta bir örneğini bulamazsınız Bu dizede < veya >.

Sayı 2

$interpolate Hizmet zaten $interpolateProvider tarafından "sağlanan" olmuştur beri startSymbol ve endSymbol düzenleyebilir gibi gözükmüyor. Ancak,, özel startSymbol ve endSymbol öğelerini, bağlantı işlevinizde dinamik olarak açısal başlangıç ​​/ bitiş simgelerine dönüştürebilirsiniz.

Çözüm

myApp.directive('underscoreTemplate', function ($parse, $compile, $interpolate) { 
    return { 
     restrict: "A", 
     link: function(scope, element, attrs) { 
      var startSym = $interpolate.startSymbol(); 
      var endSym = $interpolate.endSymbol(); 
      var rawExp = element.html(); 
      var transformedExp = rawExp.replace(/<%=/g, startSym).replace(/<%-/g, startSym).replace(/%>/g, endSym); 
      var parsedExp = $interpolate(transformedExp); 

      scope.$watch(parsedExp, function(newValue) { 
       element.html(newValue); 
      }); 
     } 
    } 
}); 

Alternatifler

ben emin değilim, ama ben kullanarak kendi özel $interpolate hizmeti örneğini bir yolu vardır eminim $interpolateProvider (alt çizgi etiketler için yapılandırmaya sonra) .