Angular dropdown set default value is overlapping another value

Question

I am facing an issue. I am using angular dropdown directive for custom select box. here is the git repo for dropdown.

When ever i change the dropdown's value from any event , it replace the value for next selected value.

steps to reproduce

clickme : it will set option3 in DDL
now change it option2
again open the DDL , now it have replaced the option3 to option2

Thanks.

Where is the fiddle link?

Madhu
– Madhu

2014-05-20 08:53:23 +00:00
Commented May 20, 2014 at 8:53 — Madhu
– Madhu, Commented May 20, 2014 at 8:53
here jsfiddle.net/deveshsinghal22/HB7LU/3701

devesh singhal
– devesh singhal

2014-05-20 08:57:05 +00:00
Commented May 20, 2014 at 8:57 — devesh singhal
– devesh singhal, Commented May 20, 2014 at 8:57

Madhu · Accepted Answer · 2014-05-20 09:07:22Z

1

I have made some changes in the fiddle please check this Modified Fiddle

 $scope.change = function()
{
    $scope.ddSelectSelected ={ text: $scope.ddSelectOptions[0].text,
                              someprop:     $scope.ddSelectOptions[0].text}

}

answered May 20, 2014 at 9:07

Madhu

2,5513 gold badges21 silver badges34 bronze badges

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

2 Comments

devesh singhal Over a year ago

Thanks madhu, You saved my day. but should we consider this as directive bug or not?

Madhu Over a year ago

No it is not a bug. We assigned the scope variable ddSelectOptions[0] directly to another scope variable ddSelectSelected and hence changes in ddSelectSelected reflected in ddSelectOptions also...

Collectives™ on Stack Overflow

Angular dropdown set default value is overlapping another value

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related