angularjs ng-model setting default value

Question

How do I set a default value on an angularjs model? I'm looking for something like this if it's possible:

div.form-multiple(ng-model='story.r || []', form-multiple="form-multiple")

Right now story.r is just undefined. I would like to prefill it.

Here's my directive. The odd thing here is that it works just fine if $modelValue already has an array but does not if it's just undefined.

.directive('formMultiple', function() {
  return {
    require: '?ngModel',
    link: function(scope, elm, attr, ngModel) {
      if (!ngModel)
        return

      function pushIntoArray () {
        if(ngModel.$modelValue && elm.find('input:last').val() != '') { // this works fine
          ngModel.$modelValue.push(scope.formMultipleDefault)
          scope.$digest()
        }
        else if (!ngModel.$modelValue) { 
          ngModel.$modelValue = [scope.formMultipleDefault] // this block does nothing
          console.log(ngModel) // returns $modelValue undefined.
        }
      }


      pushIntoArray()
      elm.on('blur', 'input', function() {
        pushIntoArray()
      });

    }
  };
})

holographic-principle · Accepted Answer · 2013-06-30 23:56:56Z

1

Since you are using a directive, what you're looking for is:

ngModel.$setViewValue('something');

in the link function.

edited Jun 30, 2013 at 23:56

answered Jun 30, 2013 at 23:24

holographic-principle

19.7k10 gold badges48 silver badges62 bronze badges

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

5 Comments

Harry Over a year ago

Thanks but I would like to know how to set an arbitrary default for ng-model.

Markus Kösel Over a year ago

Do you mean sth like: ng-init='story.r=1'

holographic-principle Over a year ago

@Harry do you mind explaining what you mean by that, if it's not exactly what I gave in my answer?

Harry Over a year ago

Sorry for the unclear comment. I think setting it in the controller is unmaintainable. I would rather set it in the directive or the html.

holographic-principle Over a year ago

It is the way to do it. Since you are using a directive, controller = directive in my post, but I was not aware of that before your edit. I will give you a more concrete solution now.

Collectives™ on Stack Overflow

angularjs ng-model setting default value

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related