AngularJS에서 Cufon을 사용하는 방법

Question

저는 angularJs와 함께 작동하는 프로젝트에서 작업하고 있으며, 저는 Cufon을 사용하여 글꼴을 변경합니다. 이제 컨트롤러가로드되면 cufon이 각도 표현식을 대체하고 angleJs가 실행됩니다. 내 문제입니다. Cuphon이 Angular expression Binding 후에 실행되기를 바랍니다. 어느 누구도 나를 도울 수 있습니까? ? 내 HTML 페이지에서

:

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

와 JS의 : 전에 각 바인딩이 일어난 곳

 $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> 

JS :

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'}); 
     }) 
    }; 
});