How to get ngModel of input in the controller?

Question

Consider I have controller and input with ngModel .

I want to get this ngModel in the controller and execute $setViewValue on it .

The snippet is attach . The trying to execute - $setViewValue gives error -

TypeError: Cannot set property '$setViewValue' of undefined

var myAppModule = angular.module('myApp', []); 
	    myAppModule.controller('myCtrl',function ($scope) {
	    			$scope.entityMail.$setViewValue("[email protected]");
	    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.7/angular.min.js"></script>
<div ng-app="myApp">
		<form ng-controller="myCtrl">
        	Mail <input type="text" ng-model="entityMail">
    	</form>
	</div>

How to get this ngModel correctly and execute $setViewValue on it ?

Edit:

I edited my code . I must use it with $setViewValue.

Why are you setting a 3 second interval ? entityMail is undefined because it doesn't have any value yet. — Omri Aharon
– Omri Aharon, Commented Feb 9, 2015 at 14:10
See my update please . How to change it even if there is no value yet ? — URL87
– URL87, Commented Feb 9, 2015 at 14:15
Why must you use $setViewValue ? Just setting the values, $scope.entityMail = 'something' will be reflected in the view — Tom
– Tom, Commented Feb 9, 2015 at 14:17
@Tom : I just wanted to simplify my code , in the real code I have ngModel to directive and I must use setViewValue . — URL87
– URL87, Commented Feb 9, 2015 at 14:28

satchcoder · Accepted Answer · 2015-02-09 14:22:35Z

2

var myAppModule = angular.module('myApp', []); 
    myAppModule.controller('myCtrl',function ($scope,$interval) {
            $scope.entityMail  = "[email protected]";
    });

edited Feb 9, 2015 at 14:22

answered Feb 9, 2015 at 14:10

satchcoder

7975 silver badges11 bronze badges

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

Comments

Rajshree Soni · Accepted Answer · 2015-02-09 14:33:51Z

1

First you have to declared $scope.entityMail as a object, then only you can apply $setViewValue in this.

var myAppModule = angular.module('myApp', []); 
        myAppModule.controller('myCtrl',function ($scope) {
                    $scope.entityMail = {};
                    $scope.entityMail.$setViewValue("[email protected]");
        });

answered Feb 9, 2015 at 14:33

Rajshree Soni

231 silver badge4 bronze badges

Comments

Arun · Accepted Answer · 2015-02-09 14:34:12Z

0

Instead of $setViewValue you can directly assign the value to the ngModel

$scope.entityMail  = "[email protected]";

answered Feb 9, 2015 at 14:34

Arun

913 bronze badges

Collectives™ on Stack Overflow

How to get ngModel of input in the controller?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related