javascript - Angular 的动态属性

Question

我想使用 angular 将 lang='fa' 属性添加到我表单中的所有 input:text 。

有一点条件:如果 body 有类 fa 所有 input:text 不是电子邮件类型 得到 lang="fa"属性。

我知道如何使用 jquery 来实现，但我不知道如何以 Angular 方式实现。
这是我对 Jquery 的摆弄:Demo
Jquery :

$(document).ready(function(){
        if($("body").hasClass('fa')){
            if('input:text'){
                $('input:text').attr('lang','fa');
            }
        }
    });

Answer 1

您可以向input 指令(或任何指令)添加功能。这只需再次声明即可。以下将执行您想要的操作:

// we assume that the var isFa is already set, e.g as:
var isFa = angular.element(document.body).hasClass('fa');

app.directive('input', function() {
    return {
        restrict: 'E',
        link: function(scope, elem) {
            if( isFa && elem.attr('type') === 'text' ) {
                elem.attr('lang','fa');
            }
        }
    };
});

不需要 jQuery。参见 fiddle :http://jsfiddle.net/b37wdm07/