ng-show и ng-hide

Директивы ngshow и nghide служат для отображения и скрытия элемента соответственно. Например, создадим в контроллере еще один объект для хранения булевых значений:

$scope.data={visible : false};

В разметке страницы создадим два параграфа и флажок, переключая который, мы будем управлять видимостью параграфов:

<div ng-controller="phoneController">
<p ng-show="data.visible">Первый блок</p>
<p ng-hide="data.visible">Второй блок</p>
<input type="checkbox" ng-model="data.visible">Открыть/скрыть
</div>

Первоначально у нас объект data.visible равен false, поэтому первый блок будет не виден. Изменяя значение флажка, который привязан к объекту visible опять же через директиву ng-model, мы также изменяем значение data.visible, что изменяет видимость параграфов.