Indagando en tu código me di cuenta que el _scope_ que tienes en el menú lateral contra el resto son diferentes:

El menú lateral tiene `id: 3`, mientras que en tu menú donde buscas, y los botones que tienes arriba tienen el `id: 4`.

Revisando el código, me tomé la libertad de poner la variable que mencionas:

He impreso el _forecast_, para ver que tenía:

		</a>
	</li>
	<li>
		<a href="#/forecast"><img class="img-responsive" src="img/inicio/clima.png" alt="">
			<b><Ciudades/b>
		</a>
		<ul class="dropbox_citys">
			{{forecast}}
			<li ng-repeat="post in exampleLocations | orderBy:'name':true >
				<a ng-click="setLocation(post)">{{post}}</a>
			</li>
		</ul>
	</li>
	<li>
		<a href="/app/partials/mapa.html"><img class="img-responsive" src="img/inicio/clima.png"
			<b>Mapa</b>


Efectivamente sí, cambia cuando le doy buscar en tu menú, pero cambia en el que está del lado del menú.

[![Efectivamente sí, cambia cuando le doy buscar en tu menú]][1]][1]

  [1]: https://i.sstatic.net/b9VbU.png

Entonces he llegado a la conclusión que al tener un `ng-view`, con la aplicación de afuera, se comportan de manera diferente los `$scope`.

La solución que se me ocurre en estos momentos es que el _"forecast"_ lo vuelvas global, algo como `$rootScope`.