角度でデフォルトとして1つのボタンを作成するにはどうすればよいですか？

Question

角度のある素材コードにいくつかのボタンのグループがあるので、最初のボタンをデフォルトにして、そのボタンの内容を右側に表示したいと思います。私は以下のようないくつかのコードを書かれている

私はボタンをクリックした後、それは結果を示しています。

<div layout="row" layout-align="space-between"> 
    <div class="list" style="width:30%;height:50px"> 
     <div layout="column" ng-repeat="lists in vm.result | filter:searchText"> 
      <div layout="row" layout-align="space-around"> 
       <md-button class="md-raised" ng-click="vm.showItems(lists._id)">{{lists.wName}}'s Wish List {{$index}}</md-button> 
        <a style="margin-top:14px; cursor:pointer">{{lists.wType}}</a> 
      </div> 
     </div> 
    </div> 

    <div class="listItems" style="width:68%;height:400px;"> 
     <div flex-xs flex-gt-xs="30" layout="row" ng-show="vm.showOnClick"> 
      <md-card ng-repeat="product in vm.result" flex="30" style="max-width: 50%;"> 
       <md-card-title> 
        <md-card-title-text> 
         <span class="md-subhead">{{product.Product_Name}}</span> 
        </md-card-title-text> 
       </md-card-title> 
       <md-card-title-media style="margin-left: -80px;"> 
        <img ng-src="{{ product.Image }}" class="md-card-image" alt="Image here"> 
       </md-card-title-media> 
       <md-card-title-text> 
        <span><span class="md-subhead" style="font-weight: bold; padding:2px;">Price: </span> {{ product.Price }}</span><br/> 
        <span><span class="md-subhead" style="font-weight: bold; padding:2px;">Brand:</span> {{ product.Brand }}</span><br/> 
        <span><span class="md-subhead" style="font-weight: bold; padding:2px;">Category: </span> {{ product.Category }}</span><br/> 
       </md-card-title-text> 
      </md-card> 
     </div> 
    </div> 

Answer 1

達成しようとしているのは、ページが表示されたときに最初のアイテムがデフォルトとして選択されていることです。これを行うには、コントローラーはロードされたリストの最初の項目のshowItemsメソッドを実行する必要があります。

私はあなたがachiveしようとしているかを理解didntの

itemsService.loadItems().then(function(items) { 
    showItems(items[0]); 
});