如何在角度中將一個按鈕設置爲默認值？

我在角度材質代碼中有一些按鈕組，所以我想將第一個按鈕設置爲默認值，它將在右側顯示該按鈕的內容。如何在角度中將一個按鈕設置爲默認值？

我已經寫了類似下面的一些代碼，它顯示了在我點擊按鈕的結果。

<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>

來源

2016-06-28 Kevin

我不明白你想才達到的。 – nextt1

當頁面加載時，第一個按鈕必須被觸發並且該按鈕的內容必須被顯示。 – Kevin

您試圖實現的是當您的頁面顯示時，將第一個項目選爲默認項目。爲此，控制器應該在列表中的第一個項目加載後運行showItems方法。

我不知道你的控制器或服務的樣子，但它會是這樣的（在你的控制器）

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

來源

2016-07-01 07:39:58

如何在角度中將一個按鈕設置爲默認值？

回答

相關問題