Posting from AngularJS form to Web Api

Question

I am trying to post my Angular form to my Post method in my Api Controller :

    <div data-ng-app="app" ng-controller="FixtureAddController">
    <form name="form" class="col-xs-2" id="form" class="form-horizontal">
        <div class="control-group" ng-class="{error: form.StageName.$invalid}">
            <label class="control-label" for="StageName">Stage Team</label>
            <div class="controls">
                <select class="form-control" ng-model="fixture.StageName" ng-options="stage.StageName as stage.StageName for stage in stages" required>
                    <option style="display:none" value="">Select</option>
                </select>
                <span ng-show="form.StageName.$dirty && form.StageName.$error.required">Stage required</span>
            </div>
        </div>

....other fields....

        <div class="form-actions">
            <button ng-show="form.$valid" ng-click="save()" class="btn btn-primary">{{action}}</button>
            <a href="/Admin/Fixtures/List" class="btn btn-danger">Cancel</a>
        </div>
    </form>
</div>

Whether I set ng-model to fixture.StageName or fixture.StageId, it always passes the StageName to my Post method, but I need it to pass the StageId. How do I get the Id to be passed?

Community · Accepted Answer · 2017-05-23 12:11:45Z

1

Try changing ng-options as well to use StageId. See also: Working with select using AngularJS's ng-options

edited May 23, 2017 at 12:11

CommunityBot

11 silver badge

answered Feb 2, 2014 at 12:49

Alexander Vasilyev

1,3132 gold badges15 silver badges23 bronze badges

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

Comments

Eugene P. · Accepted Answer · 2014-02-02 13:26:04Z

0

try this:

ng-options="stage.StageId as stage.StageName for stage in stages"

edited Feb 2, 2014 at 13:26

answered Feb 2, 2014 at 12:55

Eugene P.

2,63521 silver badges23 bronze badges

2 Comments

user517406 Over a year ago

'Identity gives me a syntax error : Error: [$parse:syntax] Syntax Error: Token 'identify' is an unexpected token at column 7 of the expression [stage identify by stage.StageId] starting at [identify by stage.StageId].

user517406 Over a year ago

Seems to work, but without the 'stage identify' at the beginning

Collectives™ on Stack Overflow

Posting from AngularJS form to Web Api

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related