ng-model value undefined

Question

I got undefined inside my ng-model. I already defined inside my controller. $scope.rule.message no issue but for $scope.rule.ruleId got undefined.

html

<form>
    <div class="form-group">
        <label>Group</label> <select ng-model="rule.ruleId" ng-repeat="rule in rules">
            <option value="{{rule.ruleId}}">
                #{{rule.keyword}}
            </option>
        </select>
    </div>


    <div class="form-group">
        <label>Message</label> 

        <textarea class="form-control" cols="" name="" rows="" ng-model="rule.message">
</textarea>
    </div>


    <div class="form-group">
        <button class="btn btn-default" type="submit" ng-click="create()">Save</button>
    </div>
</form>

js

mzsmsControllers.controller('MemberBlastCreateCtrl', ['$scope', '$http',
    '$location',
    function($scope, $http, $location) {
        $scope.rule = {};
        $http({
            method: 'GET',
            url: 'http://example.com/get_all_rules.php?fbId=' + sessionStorage.id
        }).
        success(function(data, status, headers, config) {
            $scope.rules = data.rules;
        }).
        error(function(data, status, headers, config) {
            alert("No internet connection.");
        });
        $scope.create = function() {
            $http({
                method: 'GET',
                url: 'http://example.com/create_blast.php?fbId=' + sessionStorage.id +
                    '&ruleId=' + $scope.rule.ruleId + '&message=' + $scope.rule.message
            }).
            success(function(data, status, headers, config) {
                alert(JSON.stringify(data));
                alert("SMS Blast successfuly created.");
                $location.path("/member/blast");
            }).
            error(function(data, status, headers, config) {
                alert("No internet connection.");
            });
        }
    }
]);

[$scope.rules = data.rules;], [$scope.rules] is called but [$scope.rule] is never called??? — easywaru
– easywaru, Commented Sep 18, 2014 at 7:35

frankfg · Accepted Answer · 2014-09-18 07:46:44Z

1

I guess the problem is that ng-repeat creates a new scope, try changing the ng-repeat:

<select ng-model="rule.ruleId" ng-repeat="r in rules">
        <option value="{{r.ruleId}}">
            #{{r.keyword}}
        </option>
    </select>

answered Sep 18, 2014 at 7:46

frankfg

6255 silver badges13 bronze badges

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

Collectives™ on Stack Overflow

ng-model value undefined

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related