Getting element id from Controller in Angularjs

Question

Is it possible to add the element id in Angular,

<div class="col-sm-8">
                <select class="form-control input-sm"
                        id="ruleResetType"
                        name="ruleResetType"
                        ng-model="rule.resetType"
                        ng-options="data as data for data in Type"
                        ng-required="true"
                        ng-disabled="isEditable(id)">
                </select>
</div>

I wonder if is it possible to add id at isEditable(id)", I mean the id shall be the element.id?

It's possible, but it's hard for a reason: because using id's is not good Angular practise. It couples your view to your controller tightly. Instead, use some property on the scope, or even just ng-disabled="isEditable('ruleResetType')" in the markup. — GregL
– GregL, Commented May 23, 2014 at 1:23
yes, but I want not to write the id, I looking for something programmatically — Agus
– Agus, Commented May 23, 2014 at 10:26

dave walker · Accepted Answer · 2014-05-23 01:59:39Z

1

This should work, but like Greg says, you probably don't want to use the element id.

app.directive("disableIfIn", function(){
    return {
        restrict: 'A',
        transclude: true,
        scope: {
            disabledElements: '@disableIfIn'
        },
        template: '<div ng-transclude></div>',
        link: function (scope, element, attrs) {
            if(scope.disabledElements.indexOf(attrs.id) === -1){
                element.prop('disabled', false);
            }
        }
    };
});

Then (assuming the existence of disabledElements on your scope and elements are disabled by default) add this attribute to your HTML elements:

disable-if-in="{{disabledElements}}"

edited May 23, 2014 at 1:59

answered May 23, 2014 at 1:22

dave walker

3,1381 gold badge27 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

Getting element id from Controller in Angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related