TypeError: Cannot read property 'name' of undefined in angularJS

Question

I want to display a error message when some one forget to enter the group name. So i have created a group.name model for the input tag. Condition is checked when createGroup function is called(on submitting the form). But it is giving "TypeError: Cannot read property 'name' of undefined" while reading name property.

          <form name="serverGroup" role="form" ng-model="group" ng-submit="createGroup(group)">
                <div class="form-group createGrpField">
                    <label for="groupname" class="nameField">Name</label>
                    <input id="nameField" type="text" ng-model="group.name" class="form-control" placeholder="Enter group name" />
                </div>

                <div class="createServerPadding">
                    <button id="saveBtn" class="btn btn-default btn-primary" type="submit">Save</button>
                    <button class="btn btn-default" type="cancel">Cancel</button>
                </div>
            </form>

Controller

 $scope.createGroup = function(group) {
        selectedRows = $scope.gridApi.selection.getSelectedRows();

        $scope.emptyName = false
        $scope.selectServer = false;

        if (!group.name || !group) {
            console.log("group", group);
            $scope.emptyName = true;
            $scope.selectServer = false;
         }
  }

is it occurs every time ? did u try to fill the form and submit ? — Kalhan
– Kalhan, Commented Feb 10, 2015 at 10:39
The conditions in your if block are in wrong order. Check for group first. — Donald Supertramp
– Donald Supertramp, Commented Feb 10, 2015 at 10:42
You should change order in if (!group || !group.name) { other way around has no sence. — Beri
– Beri, Commented Feb 10, 2015 at 10:46

Kalhan · Accepted Answer · 2015-02-10 10:49:34Z

1

use angular.isDefined(); to check whether its defined or not in the scope here is the DOC

if ( angular.isDefined(group) && group.hasOwnProperty('name') ) {
    console.log("group", group);
    $scope.emptyName = true;
    $scope.selectServer = false;
 }

answered Feb 10, 2015 at 10:49

Kalhan

21.9k8 gold badges71 silver badges96 bronze badges

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

Collectives™ on Stack Overflow

TypeError: Cannot read property 'name' of undefined in angularJS

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