=====ng-show и ng-hide=====

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

<code javascript>
$scope.data={visible : false};
</code>

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

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

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

{{ :angular:angularjs:directive:ng-show.png?200 |}}