angular directive scope: setting a default value

Question

I'm creating a datepicker directive, part of its markup is:

<select class="form-control" ng-model="day" ng-options="day.nr for day in allDays">

I'm trying to define allDays in the scope attribute like this:

ehrApp.directive('datePicker', function() {
  return {
    scope: {
      allDays: [
      {'nr': 1},
      {'nr': 2},
      {'nr': 3},
      (...)
      {'nr': 31}
      ]
    },

But it doesn't work, it fails with "TypeError: undefined is not a function".

Any ideas how to achieve this?

sma · Accepted Answer · 2014-10-07 19:46:09Z

1

You are defining the value inside the scope attribute of the directive configuration, which is where you'd define the isolate scopes the directive uses. Instead of doing it there, do it either in your link function or in your controller function:

return {
   link : function (scope, element, attrs) {
       scope.allDays = [{nr : 1}];
   }
}

or

return {
   controller : function ($scope, $element) {
       $scope.allDays = [{nr : 1}];
   }
}

answered Oct 7, 2014 at 19:46

sma

9,5978 gold badges53 silver badges83 bronze badges

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

Collectives™ on Stack Overflow

angular directive scope: setting a default value

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