AngularJS: read initial value of ngModel.$viewValue from different directive

Question

I would like to read the initial value ngModel.$viewValue from different directive.

# coffee script
app.directive 'directive', -> 
  return {
      require: '?ngModel',
      link: (scope, element, attrs, ngModelCtrl) ->
      ........
           console.log(ngModelCtrl.$viewValue) # does give NaN!

           ngModelCtrl.$setViewValue('something'); # only after setting reading does work
           console.log(ngModelCtrl.$viewValue)

I really appreciate any help.

this is about directive -> directive communication using the ngModelController API — sp33c, Aug 28 '13 at 13:29

score 7 · Answer 1 · answered Aug 28 '13 at 08:24

7

I just fixed it myself... stupid :)

    link: (scope, element, attrs, ngModelCtrl) ->

        scope.$watch(ngModelCtrl, ->
          console.log(ngModelCtrl.$viewValue)
        )

does work! yippieh!

answered Aug 28 '13 at 08:24

sp33c

494
1
5
15

score 2 · Answer 2 · answered Jun 24 '15 at 04:39

2

No need to watch and ng-init is bad. Something like..

      return {
          require: 'ngModel',
          link: function(scope, element, attrs, ngModel) {
                var getter = $parse(attrs.ngModel);
                var value = getter(scope);

           }
        };

Here value will give the initial bound value in model.

answered Jun 24 '15 at 04:39

Bibin

434
2
5
20

Is this the best way? I'm unclear since this or the `$watch` could both work.. this seems like less overhead – Claudiu Nov 13 '15 at 21:36
@Claudiu intention here is to avoid the overhead of watch – Bibin Jan 28 '16 at 03:12

score 1 · Answer 3 · answered Feb 29 '16 at 08:50

put your actions within a $timeout... like what you do with $apply, so your code will run after $digest finished it's process...

like this:

link: function (scope, el, attr, ctrl) { //Ctrl will bind to required ones
                //ctrl[0] -> ngModel
                $timeout(function() {
                    scope.parentId = ctrl[0].$viewValue;
                    scope.startUp();
                }, 0);
            }

score 0 · Answer 4 · edited May 23 '17 at 11:53

0

If you want to work with some value from HTML inside your directive you should use ngInit. It will look like

<div directive ng-init="variable='value'"></div>

I faced the same problem, and it turned out that what I was doing was not an Angular way. Check this link for more details

edited May 23 '17 at 11:53

Community

1
1

answered Aug 28 '13 at 07:19

n-canter

268
1
11

This is not the fix... see my post above. kind regards. – sp33c Aug 28 '13 at 08:27

AngularJS: read initial value of ngModel.$viewValue from different directive

4 Answers4

Linked