AngularJS $scope.model is undefined

Question

AngularJS $scope.model is undefined when I initialize it via Javascript

<button ngf-select="upload($file)">Выбрать</button>
                <span id="photoSpan"></span>
                <input type="text"  id="photo" name="uploadPhoto" ng-model="uploadPhoto">

Here is my initialization code:

document.getElementById("photo").value = fileName;
                $("#photoSpan").text(resp.config.data.file.name);
                console.log('Success ' + resp.config.data.file.name + 'uploaded. Response: ' + resp.data);

So

createExpositionResource.photo = $scope.uploadPhoto;
        console.log('--------------'+$scope.uploadPhoto);

returns undefined.

What am I doing wrong?

Thank you!

Community · Accepted Answer · 2017-05-23 12:23:23Z

6

What am I doing wrong?

Using Jquery: Have a look at this question: "Thinking in AngularJS" if I have a jQuery background?

You should replace

document.getElementById("photo").value = fileName;

by

$scope.uploadPhoto = fileName;

Short explanation : If you update an angular variable (eg : document.getElementById("photo").value = fileName;), angular won't know that you did it. There is worse with your code. For Angular, what's in $scope is his "trusted data source". Which means that Angular could also erase the value you put by using Jquery.

edited May 23, 2017 at 12:23

CommunityBot

11 silver badge

answered Feb 5, 2016 at 13:26

Deblaton Jean-Philippe

11.4k4 gold badges53 silver badges68 bronze badges

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

1 Comment

Sanat Serikuly Over a year ago

So curious. Thank you! Worked for me.

Collectives™ on Stack Overflow

AngularJS $scope.model is undefined

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related