angularjs - 在 rtl 和 ltr 中自动更改类别

Question

我正在尝试为我的应用程序添加 rtl-ltr 支持。
问题是:假设有这样的输入:

<span class="sp-right">
    <label>
        Number:
    </label>
</span> 

是否可以通过编程方式将所有 sp-right 类更改为 sp-left ？

在 Angular 中支持 ltr 和 rtl 是个好主意吗？

谢谢

Answer 1

使用 jQuery

$(".sp-right").each(function(){
    $(this).removeClass("sp-right").addClass("sp-left");
});

以上代码只会按代码顺序运行一次。将其放入事件监听函数中，例如:

$("button.trigger").click(function(){
    $(".sp-right").each(function(){
        $(this).removeClass("sp-right").addClass("sp-left");
    });
});

然后它将在事件触发时运行。

或者您可以构建一个指令。我写给你

_module.directive("spRight", function () {
    return {
        restrict: 'C',
        link: function (scope, element, attrs) {
            element.removeClass("sp-right").addClass("sp-left");
        }
    };
});

更新:

app.directive("buttonThatTrigger", function () {
    return {
        restrict: 'C',//target all elements with class button-that-trigger
        link: function (scope, element, attrs) {
            element.click(function(){
                $(".sp-right").each(function(){
                    $(this).removeClass("sp-right").addClass("sp-left");
                });
            });
        }
    };
});

然后在按钮中添加一个类:

<button class="button-that-trigger"></button>