Angular js drop down selected is not working with asp.net mvc

Question

Hi I am new in angularjs with asp.net mvc,i am facing drop down selection,when i try to selected the drop down its not working.

Html

 <select class="form-control" required="" name="ProfileID" ng-model="ProfileID">
                                                                    <option value="">--- Select an option ---</option>

                                                                    <option ng-selected= "{{st.ProfileID == ProfileID}}" ng-repeat="st in Profilelist" value="{{st.ProfileID}}">
                                                                        {{st.ProfileName}}
                                                                    </option>>
</select>

Controller

$scope.ProfileID = responce.data.data[0].ProfileID;//drop down selection

Drop down population

$scope.Profilelist = responce.data.data;

Could you elaborate a bit on what is the expected result and what is not working? — Anurag Srivastava
– Anurag Srivastava, Commented Feb 27, 2019 at 13:05

AhmAD · Accepted Answer · 2019-02-27 13:09:46Z

1

just remove the curly brackets fro the ng-selected so from
ng-selected= "{{st.ProfileID == ProfileID}}"
to be
ng-selected= "st.ProfileID == ProfileID"

will work on this link http://jsfiddle.net/kn7uzrva/

edited Feb 27, 2019 at 13:09

answered Feb 27, 2019 at 13:02

AhmAD

1265 bronze badges

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

Collectives™ on Stack Overflow

Angular js drop down selected is not working with asp.net mvc

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related