Wie mache ich eine Schaltfläche als Standard in eckigen?

Question

Ich habe eine Gruppe von Schaltflächen in eckigen Materialcode, also möchte ich die erste Schaltfläche als Standard machen, wo es den Inhalt dieser Schaltfläche auf der rechten Seite zeigt.

I wie unten einige Code geschrieben haben, zeigt es das Ergebnis, nachdem ich die Schaltfläche geklickt.

<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

Was Sie erreichen möchten, ist, dass das erste Element als Standard ausgewählt wird, wenn Ihre Seite angezeigt wird. Um dies zu tun, sollte Ihr Controller die showItems-Methode für das erste Element in der Liste ausführen, nachdem sie geladen wurden.

Ich weiß nicht, was Ihr Controller oder eine Dienstleistung aussieht, aber es wäre so etwas wie (im Controller)

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