Оглавление:
Карта сайта:
Оглавление:
Карта сайта:
Директивы 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, что изменяет видимость параграфов.