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;
}
你嘗試過什麼嗎?你有任何代碼嗎? –
請按照[mcve]提供所有相關代碼。沒有一些代碼上下文,我們不能幫助您 – charlietfl
對不起,我已經添加了一個簡單的例子...謝謝 – user1656204