Как показать и скрыть DIV в угловых

Question

У меня есть два DIV (ы)

<div id = 'a'> 
</div> 
<div id = 'b'> 
</div> 

нажмите на кнопку «Добавить» я хочу, чтобы скрыть DIV а и показать DIV б

Answer 1

Вы приспособились бы свой HTML разметки, как это:

<div ng-controller="controller">  
    <div id = 'a' ng-show="showA"> 
    </div> 
    <div id = 'b' ng-show="showB"> 
    </div> 
    <button ng-click="add()">Add</button> 
</div> 

И затем, в контроллере, есть что-то вроде этого:

function controller($scope) { 
    $scope.showA = true; 
    $scope.showB = false; 

    $scope.add = function() { 
     $scope.showA = false; 
     $scope.showB = true; 
    }; 
}