AngularJS: select not binding to model

Question

I have a simple form that I wish to POST to my server. The bindings in AngularJS work except on my select. On my select I'm not getting a value:

Here is my markup:

...
<div id="divAccountName" class="isNotAvailable">
    <label for="inputAccountName">Account Name:</label>
    <input name="inputAccountName" required type="text" data-ng-model="register.accountName" data-ng-blur="checkAccountAvailability($event)" />
    <span></span>
</div>
<div class="account">
    <label for="inputAccountType">Account Type:</label>
    <select name="inputAccountType" data-ng-model="register.accountType" data-ng-options="a.Type for a in accountTypes.value" required>
        <option value="" data-ng-if="false"></option>
    </select>
    <span></span>
</div>
<div class="recaptcha">
    <div id="contact-recaptcha" class="g-recaptcha"></div>
</div>
<div>
    <input type="submit" value="Register" data-ng-click="registerUser(register)" />
</div>

The register object that gets passed to registerUser() has all my input values except the select value. So when I $resource.save() it to my webserver the value for register.accountType is null.

The account types are populating correctly from my controller, so they are selectable.

Can you create a fiddle ?

ramamoorthy_villi
– ramamoorthy_villi

2015-02-20 04:13:21 +00:00
Commented Feb 20, 2015 at 4:13 — ramamoorthy_villi
– ramamoorthy_villi, Commented Feb 20, 2015 at 4:13
Yes, here it is: jsfiddle.net/stevereece/kfhsv3mf

Steve
– Steve

2015-02-20 04:54:40 +00:00
Commented Feb 20, 2015 at 4:54 — Steve
– Steve, Commented Feb 20, 2015 at 4:54

Gayan · Accepted Answer · 2015-02-20 04:32:17Z

1

Hi Hope this plunker will help you

<select name="inputAccountType" data-ng-model="register.accountType" data-ng-options="a.name for a in accType track by a.type" required="">

Plunker

answered Feb 20, 2015 at 4:32

Gayan

2,9017 gold badges50 silver badges93 bronze badges

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

2 Comments

Steve Over a year ago

I'm not sure why your's works and mine does not. I thought initializing the object to null would fix it, but it does not.

Gayan Over a year ago

hi i have updated your fiddler problem is you have to initialized select object. jsfiddle.net/kfhsv3mf/8

Collectives™ on Stack Overflow

AngularJS: select not binding to model

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related