Bom galera eu estou começando a estudar angularjs, e na minha aplicação eu queria fazer algo parecido com o seguinte.
Tenho um menu dropdown e também tenho umas tabs que eu criei manualmente. Ao clicar em um item do menu eu queria fazer com que essa tab recebesse a view porem eu não estou conseguindo.O máximo que eu fiz foi ao clicar na aba mudar o conteúdo correspondente usando as rotas.
segue a baixo o código que eu já fiz só do html supondo que eu tenho uma parte de rotas já pronta.
<div class="btn-group">
<button type="button" class="btn btn-primary" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Action <span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#create">Action</a></li>
<li><a href="#list">Another action</a></li>
<li><a href="#list">Something else here</a></li>
</ul>
</div>
<div class="container" ng-init="tab=1">
<ul class="tabs-nav">
<li><a ng-click="tab=1" href="#edit" ng-class="{'active' : tab==1}">Aba 1</a></li>
<li><a ng-click="tab=2" href="#list" ng-class="{'active' : tab==2}">Aba 2</a></li>
<li><a ng-click="tab=3" href="#create" ng-class="{'active' : tab==3}">Aba 2</a></li>
</ul>
<div class="tabs-container">
<div class="tab-content" ng-show="tab == 1">
<div ui-view="main"></div>
</div>
<div class="tab-content" ng-show="tab == 2">
<div ui-view="main"></div>
</div>
<div class="tab-content" ng-show="tab == 3">
<div ui-view="main"></div>
</div>
</div>
</div>
É um exemplo básico mais o que eu estou fazendo é o seguinte, tenho umas abas e nessas abas quando eu clico nelas ela carregam o conteúdo até ai ok. Porem o que eu queria é ao clicar no link do menu uma das abas recebesse a view que eu configuraria. Como citei anteriormente eu estou utilizando as rotas para mudar clicando nas abas so queria fazer pelo menu não estou conseguindo linkar o menu com as abas. Se alguém tiver uma solução para isso agradeço.
/#edit
,/#create
,/#list