Angular js : ng-model default value of input is not set in model

Question

I am using ng-model to link input values with model.

If I set default value in input box it does not show in $scope, but If I change anything in this input I can see changes.

<input type='text' id="save_quote_email" name="save_quote_email" ng-model="AutoQuote.postAutoQuoteObj.ApplicationInfo.GeneralPartyInfo.ContactInfo.Emails[0].EmailAddress" value="[email protected]" />
{{AutoQuote.postAutoQuoteObj.ApplicationInfo.GeneralPartyInfo.ContactInfo.Emails[0].EmailAddress}}

I can set this value in controller, then it will work, but such values will come in form when my html loaded.

using ng-init should work

jeremy
– jeremy

2016-07-15 04:58:34 +00:00
Commented Jul 15, 2016 at 4:58 — jeremy
– jeremy, Commented Jul 15, 2016 at 4:58

developer033 · Accepted Answer · 2016-07-15 05:12:29Z

1

First, you shouldn't use ng-init in this case.

From docs:

This directive can be abused to add unnecessary amounts of logic into your templates. There are only a few appropriate uses of ngInit, such as for aliasing special properties of ngRepeat, as seen in the demo below; and for injecting data via server side scripting. Besides these few cases, you should use controllers rather than ngInit to initialize values on a scope.

Then, simply do it in your controller:

AutoQuote.postAutoQuoteObj.ApplicationInfo.GeneralPartyInfo.ContactInfo.Emails[0].EmailAddress = "[email protected]";

answered Jul 15, 2016 at 5:12

developer033

25k8 gold badges85 silver badges113 bronze badges

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

1 Comment

Praveen D Over a year ago

I am trying to get input value using document.getElementById("save_quote_email"); in function dtoresource.rc1Step1DTO, but not getting any value.

Piyush.kapoor · Accepted Answer · 2016-07-15 05:04:25Z

0

Add

 ng-init="AutoQuote.postAutoQuoteObj.ApplicationInfo.GeneralPartyInfo.ContactInfo.Emails[0].EmailAddress='[email protected]'"

answered Jul 15, 2016 at 5:04

Piyush.kapoor

6,8311 gold badge25 silver badges21 bronze badges

Comments

beerwin · Accepted Answer · 2016-07-15 10:13:01Z

0

ng-init="AutoQuote.postAutoQuoteObj.ApplicationInfo.GeneralPartyInfo.ContactInfo.Emails[0].EmailAddress='[email protected]'"

edited Jul 15, 2016 at 10:13

beerwin

10.5k6 gold badges45 silver badges60 bronze badges

answered Jul 15, 2016 at 5:04

Paresh Solanki

594 bronze badges

1 Comment

codeandcloud Over a year ago

how is this different from the answer above? you edited your answer altogether!

Collectives™ on Stack Overflow

Angular js : ng-model default value of input is not set in model

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related