使用ng-repeat将选定的href显示到块

Question

  <div class="col-md-4">
   <ul class="list-group text-left">
   <a href="#" class="list-group-item" ng-click="selectedIndex = $index" ng-                 repeat="field in Data">
       {{ field.name }}</a>
  </ul>
  </div>
  <div class="col-md-8">
  <div ng-show="selectedIndex == $index" ng-repeat="field in Data">
   <div class="panel panel-primary" ng-repeat="scenario in field.scenarios track by $index">
  <div class="panel-heading ">
    {{ scenario.name }}
  </div>
 </div>
</div>

我需要在href中选择field.name，将相应的选定字段显示为同一页面中的块。但它总是重定向到＃并且没有数据可以显示。 请建议可以在同一页面中显示所选字段的值。