使用帶角度的按鈕顯示和隱藏指令

Question

我有三條指令，在我的主視圖中顯示不同的數據。

 <div> 
     <sales-view></sales-view> 
    </div> 

    <div> 
     <units-view></units-view> 
    </div> 

而且這樣一組按鈕：

 <div class="btn-group"> 
     <button class="btn btn-primary" type="button">Sales</button> 
     <button class="btn btn-white" type="button">Units</button> 
    </div> 

我想是可以顯示或隱藏我的指令，這取決於用戶的選擇，但我不知道如何實現這一目標，我不知道如果邏輯進入控制器或指令。

有些幫助會很大，我堅持這一點。

Answer 1

我可以理解你的觀點。我認爲這個簡單的邏輯可以直接在模板html中編寫。如果要複雜，請使用配置映射（或getter setter）。

<!-- edit html --> 
<div> 
    <sales-view ng-show="showData == 1"></sales-view> 
</div> 
<div> 
    <units-view ng-show="showData == 2"></units-view> 
</div> 

<div class="btn-group"> 
    <button class="btn btn-primary" type="button" ng-click="showData = 1">Sales</button> 
    <button class="btn btn-white" type="button" ng-click="showData = 2">Units</button> 
</div>