How to call directive on radio button to set value in Angular Js

Question

I want to set some default value to radio button, as per the value particular radio button should be selected. For this I created a directive radioControlDir in (controlDirectives.js) file.

function controlDir()
{
    return {
        transclude: true,
        restrict: 'E',
        scope: {
          ngModel: '=',
          queObj: '='
        },
        link: function (scope, element, attrs)
        {
          if(angular.isUndefined(scope.ngModel))
          {
              scope.ngModel = 'Y';
          }
        }
    };
}

scope.queObj._pageAttributes.defaultValue has value that will be set if ngmodel do not have value. Other directive for text and select is working fine.

MMhunter · Accepted Answer · 2016-08-12 06:45:30Z

1

I think it is just because you have the restrict value 'E' which means element.

It should be 'A' (attribute);

And in the plunker the queObj._pageAttributes.defaultValue is "", but for radio you need set it to the value for this radio like 'Y';

function radioControlDir()
    {
        return {
            transclude: true,
            restrict: 'A',
            scope: {
              ngModel: '=',
              queObj: '='
            },
            link: function (scope, element, attrs)
            {

              if(angular.isUndefined(scope.ngModel))
              {

                scope.ngModel = 'Y';
              }
            }
        };
    }

answered Aug 12, 2016 at 6:45

MMhunter

1,4511 gold badge12 silver badges18 bronze badges

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

Collectives™ on Stack Overflow

How to call directive on radio button to set value in Angular Js

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