生命周期角度后运行方法

时间:2014-09-10 09:46:45

标签: angularjs cufon

我想在生命周期之后运行方法例如:用于改变用作cufon的字体。 我想点击按钮后调用ng-click =“addHandler()”语句 Cufon.replace('h1',{onBeforeReplace:Bifon.convert});叫什么名字? 你解决方案吗?罐

这是我的代码:

在ngclick之后不可能例如:

$scope.text = "این یک تست است";
        $scope.AddHandler = function () {
            $scope.text = "تست تست";
            Cufon.replace('h1', { onBeforeReplace: Bifon.convert });

        };


        <h1> {{text}}</h1>
        <button ng-click="AddHandler()">Add</button>

1 个答案:

答案 0 :(得分:0)

您可以使用指令:

angular.module('myApp', [])
  .directive('replaceStyle', function() {
    return function(scope, element, attrs) {
        element.ready(function(){
          element.html(element.html().replace('h1', { onBeforeReplace: Bifon.convert }))
        })
    };
});

在你的标记中:

<div replaceStyle>
   {{your_content}}
<div>

要使用按钮更改样式,只需将指令的代码放在作用域中发布的函数中(scope.changeStyle ....)