2016-11-12 84 views
0

有兩種按鈕,比方說第一組和第二組。組1中有2個按鈕,組2中有3個按鈕。每個按鈕都應該發送一個唯一的ID。現在的問題是如何檢索按鈕的ID以及如何指定以下條件?例如, ,如果第一組中的button1處於活動狀態,並且第二組中的button2處於活動狀態,則執行某些操作等。 該條件將基於這兩組之間的操作來應用。如何編寫如果在角度控制器中的條件

下面是一個例子:

<!-- group one --> 
<div ng-controller = "btnCtrl as bc"> 
<ul class="nav nav-pills" role="tablist" ng-init="selectedTab = 'btn1';"> 
    <li class="nav-item"> 
     <a class="nav-link btn" role="button" ng-class="{'active':selectedTab === 'btn1'}" ng-click="selectedTab = 'btn1';">btn1</a> 
    </li> 
    <li class="nav-item"> 
     <a class="nav-link btn" role="button" ng-click="selectedTab = 'btn2';" ng-class="{'active':selectedTab === 'btn2'}">btn2</a> 
    </li> 
</ul> 
    <!-- group two --> 
    <div ng-cloak> 
     <div class="row"> 
      <div class="col-sm-6" ng-repeat="btn in bc.btn" ng-click="bc.select('id',$index);" ng-class="{active: $index == bc.selected}"> 
      <p role="button"><span ng-bind="btn.name"></span></p> 
      </div> 
     </div> 
    </div> 

and here's the controller: 
bc.btn = [ 
        { 
         'id': 1, 
         'name': 'item1', 
        }, 
        { 
         'id': 2, 
         'name': 'item2', 
        }, 
        { 
         'id': 3, 
         'name': 'item3', 
        } 
     ]; 
bc.selected = 0; 
bc.select = function (id,index) { 
    bc.selected = index; 
} 
+2

你嘗試過什麼嗎?你有任何代碼嗎? –

+0

請按照[mcve]提供所有相關代碼。沒有一些代碼上下文,我們不能幫助您 – charlietfl

+0

對不起,我已經添加了一個簡單的例子...謝謝 – user1656204

回答

0

我已經解決了這個問題,

結果可以通過使用本地存儲或sessionStorage的基於應用程序的需要來實現。因此,通過爲組1中的每個按鈕分配一個函數並將每個按鈕的ID存儲在組2中,然後根據條件可以檢索特定的ID。