Question

我正在尝试使用可以将文本（Arctext.js）作为角度指令进行曲线处理的jQuery插件。

该指令似乎工作正常，给定的文本按预期弯曲，除了我希望这个文本是一个Angular变量。问题是jQuery插件似乎在Angular解析变量值之前执行。

我的html元素：

<h2 class="circle">{{ myController.myVar }}</h2>

我的指示：

return {
    restrict: "C",
    link: function(scope, element, attrs) {
        element.arctext({radius: 500})
    }
}

页面将'{{myController.myVar}}'显示为弯曲文字。

如何获取变量值？

Answer 1

试试这个：

HTML：

<h2 class="circle" text="{{ myController.myVar }}"></h2>

指令：

return {
    restrict: 'C',
    link: function(scope, element, attrs) {
        attrs.$observe('text', function(newval) {
            if (newval) {
                $(element).text(newval).arctext({radius: 500})
            }
        });
    }
}

使用jQuery插件作为Angular Directive

1 个答案: