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

On dropdown change i've to display different views.

```
 $scope.countries = [{id : 1, name : 'USA'}, {id : 2, name : 'India'}, {id: 3, name :'MIGHTY USSR'}];

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

```

-

```
<div class="animate-switch-container" ng-switch on="selectedCountry.name">
<div class="animate-switch" ng-switch-when="USA">
      This Text is showing

      <div ng-include="'partials/USA.html'"></div>       -- Not Working
</div>

<div class="animate-switch" ng-switch-when="India">
     <div ng-include="'partials/'+ selectedCountry.name + '.html'"></div>       -- I tried this as well
</div>

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

```

I also tried with `<div ng-include="'partials/USA.html'"></div>` & `<div ng-include src="'partials/USA.html'"></div>`.

My app folder looks like below

```
app
    views
        partials
           USA.html
           India.html
    dashboard.html
Index

```

Any solution please?

Answer: 
give a try like below

change the `ng-options` as below

```
.. ng-options="country.id as country.name for country in countries"..>

```

then when you select a drop down option, value of `selectedCountry` getting the id value of that option for ex: if you select `USA` then `selectedCountry` value will be `1`, based on that id you can include the `.html` file u want as,

```
<ng-include src="'views/'+selectedCountry+'.html'"></ng-include>

```

and save the `.html` files as `1.html` for `USA` and `2.html`for `India`

here is a [DEMO](http://plnkr.co/edit/re6wFREQkBCkZG5L7C1s?p=preview)

and note that if you prefer naming the `.html` files like `India.html` & `USA.html` then simply change the `ng-options` to

```
.. ng-options="country.name as country.name for country in countries" ..>

```

[DEMO](http://plnkr.co/edit/dfZzmpwADk7MQzHlIMLz?p=preview)
The problem is your `{{}}` (as well as a `"`):

```
'partials/'+{{selectedCountry.name}}+"'.html'

```

The ng-include doesn't want that. Instead do:

```
ng-include="'partials/'+ selectedCountry.name + '.html'"

```