AngularJS Cannot read property of undefined

Question

I am trying to get a date value. Whenever the the checkbox is unchecked and the date picker is invisible I am getting the error that : 'Cannot read property 'NTLI' of undefined'. if the check box is checked and the date picker is visible everything works fine

<md-checkbox ng-model="user.NTLI" layout="row" ng-disabled="userForm.$invalid">
  NTLI
</md-checkbox>
<div ng-show="user.NTLI">
<fieldset class="standard">
    <legend>NTLI</legend>
    <md-input-container>
        <label>Efective date</label>
        <md-datepicker ng-model="user.efectiveDateNTLI"></md-datepicker>
    </md-input-container>
</fieldset>
</div>

var efDate = '';
if ($scope.user.NTLI != undefined) 
{
    efDate = $scope.user.efectiveDateNTLI
}

In your controller, make it so user.NTLI = false;, you get this error because it doesn't exist. — Tom Johnson
– Tom Johnson, Commented Jan 3, 2017 at 11:34
Do you have anywhere in your app which is bound to user itself? — Yaser
– Yaser, Commented Jan 3, 2017 at 11:34
One suggestion(little off topic) : leave the habit of writing { on next line. It should be on same line. — Saurabh Bayani
– Saurabh Bayani, Commented Jan 3, 2017 at 11:43

Sajeetharan · Accepted Answer · 2017-01-03 11:34:16Z

3

You need to have user defined,

$scope.user ={};
if ($scope.user.NTLI != undefined) 
{
    efDate = $scope.user.efectiveDateNTLI
}

answered Jan 3, 2017 at 11:34

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

Comments

VadimB · Accepted Answer · 2017-01-03 11:40:31Z

1

What is initial value if your user object? You need it initialized first to be accessible from $scope.

$scope.user = {};

answered Jan 3, 2017 at 11:40

VadimB

5,7213 gold badges39 silver badges49 bronze badges

Comments

Ramesh Rajendran · Accepted Answer · 2017-01-03 11:42:01Z

0

Assign user = {} on ng-init

like

<div ng-init="user = {}"> 
...
..//code
...
</div>

But other answers are also correct.

answered Jan 3, 2017 at 11:42

Ramesh Rajendran

38.9k49 gold badges159 silver badges241 bronze badges

Comments

Sai · Accepted Answer · 2017-01-04 04:47:38Z

0

As user is not available it shows undefined when reading property of it. Just add following:

$scope.user = {};

in your controller.

edited Jan 4, 2017 at 4:47

answered Jan 3, 2017 at 11:35

Sai

2,6685 gold badges34 silver badges49 bronze badges

Collectives™ on Stack Overflow

AngularJS Cannot read property of undefined

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related