Angular JS ng-switch-when is not working

Asked Sep 08 '15 at 16:29

Active Sep 08 '15 at 16:34

Viewed 531 times

I've something like below. I am binding countries to a dropdown.

I selected Country value India. But below switch default is calling.

 <select class="form-control" data-ng-model="selectedCountry" data-ng-options="country as country.name for country in countries">
    <option value="">Select Country</option>
 </select>

<div class="animate-switch-container" data-ng-switch on="{{selectedCountry.name}}">
<div class="animate-switch" data-ng-switch-when="USA">
     USA
</div>

<div class="animate-switch" data-ng-switch-when="India">
     India
</div>

<div class="animate-switch" data-ng-switch-default>
     Other Country
</div>

I also tried with data-ng-switch-when="'India'"

Any solution please?

edited Sep 08 '15 at 16:34

asked Sep 08 '15 at 16:29

Prasad Kanaparthi

6,423
4
35
62

5

look example https://docs.angularjs.org/api/ng/directive/ngSwitch data-ng-switch on="selectedCountry.name" – Petr Averyanov Sep 08 '15 at 16:33
3

Remove brackets within `on` attribute. Apart form that, why all the `data-`? – BroiSatse Sep 08 '15 at 16:35
2

remove brackets {{}} in data-ng-switch on – Petr Averyanov Sep 08 '15 at 16:36
@BroiSatse. Because of this (use data-ng-app if you would like validating your HTML to be a bit easier.http://stackoverflow.com/questions/16589853/ng-app-vs-data-ng-app-what-is-the-difference). – Prasad Kanaparthi Sep 08 '15 at 16:39
@PetrAveryanov, data-ng-switch on="selectedCountry.id-selectedCountry.name" and data-ng-switch-when="1-India" is valid? – Prasad Kanaparthi Sep 08 '15 at 16:47
1

@PrasadKanaparthi that "best practice" is quickly dying. You're better off moving away from it. Validators need to catch up; don't enable them :) – David L Sep 08 '15 at 16:53
1

http://plnkr.co/edit/IE14ikbSlNAl3Kz03P3Y ... – Petr Averyanov Sep 08 '15 at 16:54
@DavidL thanks :). Removed all data- from my project. – Prasad Kanaparthi Sep 08 '15 at 17:09

Angular JS ng-switch-when is not working

0 Answers0