Dynamic attribute with Angular

Question

I'd like to add lang='fa' attribute to all input:text in my form with angular .

with a little condition : if body has class fa all input:text not email type get lang="fa" attribute .

i know how to do it with jquery but i don't know how to do it in angular way .
here is my fiddle with Jquery : Demo
Jquery :

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

Or you can still use jQuery because jQuery works well with AngularJS. AngularJS is a framework and jQuery is a liblary, if you can do something easier in jQuery than in Angular just do it :) — szapio
– szapio, Commented Jan 23, 2015 at 12:33
thank you guys, i get the answer . @szapio that's not the best way to use jquery in angular — Sadeghbayan
– Sadeghbayan, Commented Jan 23, 2015 at 12:38

Nikos Paraskevopoulos · Accepted Answer · 2015-01-23 12:32:36Z

2

You can add functionality to the input directive (or any directive). This is simply done by declaring it once again. The following will do what you want:

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

No need for jQuery. See fiddle: http://jsfiddle.net/b37wdm07/

answered Jan 23, 2015 at 12:32

Nikos Paraskevopoulos

40.4k13 gold badges91 silver badges99 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Dynamic attribute with Angular

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related