Как использовать Cufon в AngularJS

Question

Я работаю над проектом, работающим с angularJs, и я использую Cufon для изменения шрифтов. теперь, когда контроллер загружен, cufon заменяет угловые выражения и после этого запускает angularJs. это моя проблема. Я хочу, чтобы Cufon бежал после углового выражения Binding. любой может мне помочь?

в моей HTML странице:

 <span class="input-label" id="lb" >{{s}}</span> 

и в ЯШ:

 $scope.s = "hiiii"; 
     Cufon.replace('#lb', {onAfterReplace: Bifon.convert, fontFamily: 'B Titr'}); 

проблема в том, где до угловой привязки произошло, Cufon изменяет значение выражения.

любой может мне помочь?

Answer 1

Вы можете использовать директиву и слушать элемент должен быть готов:

HTML:

<div ng-controller="MyController"> 
    <div class="thing" ng-bind="content" cufon-replace-directive> 
     content {{content}} 
    </div> 
</div> 

ЯШ:

function MyController($scope) { 

    $scope.content = [ 
    'param1', 'param2' 
    ]; 
} 

angular.module('myApp', []) 
    .directive('cufonReplaceDirective', function() { 
    return function(scope, element, attrs) { 
     element.ready(function(){ 
      element.html(element.html().replace(/[0-9]/g,"!!!")) 
     }) 
    }; 
}); 

Working example

обновлялись Cufon :

function MyController($scope) { 

    $scope.content = [ 
    'param1', 'param2' 
    ]; 
} 

angular.module('myApp', []) 
    .directive('cufonReplaceDirective', function() { 
    return function(scope, element, attrs) { 
     scope.content = ["somecontent123"] 
     element.ready(function(){ 
      Cufon.replace('.thing', {onAfterReplace: Bifon.convert, fontFamily: 'B Titr'}); 
     }) 
    }; 
});