AngularJS событие
AngularJS HTML событие имеет свою собственную команду.
нг-нажмите команду
Директива нг-щелчок определяет AngularJS нажмите событие.
AngularJS примеры
<Кнопка нг-клик = "кол = кол + 1"> Укажите меня! </ Button>
<P> {{кол}} </ p>
</ Div>
Попробуйте »
Скрыть HTML элементы
Директива нг скрывать наборы приложений часть видна.
нг-скрыть = "истинные" Настройка HTML элементы не видны.
нг скрыть = "ложь" Настройка HTML - элемент виден.
AngularJS примеры
<Кнопка нг-клик = "тумблер ()" >> Скрыть / </ Кнопка>
<P нг скрыть = "MyVar ">
Имя: <входной тип = "текст" нг-модель = "FirstName"> <br>
Имя: <входной тип = "текст" нг-модель = "LastName"> <br>
<Br>
Полное имя: {{FirstName + " " + LastName}}
</ P>
</ Div>
<Script>
вар приложение = angular.module ( 'MYAPP', []);
app.controller ( 'personCtrl', функция ($ сфера) {
$ Scope.firstName = "Джон",
$ Scope.lastName = "Doe"
$ Scope.myVar = ложь;
$ Scope.toggle = функция () {
! $ Scope.myVar = $ scope.myVar;
};
});
</ Script>
Попробуйте »
Анализ Применение:
Первая секция контроллера часть personController аналогично.
Приложение имеет атрибут по умолчанию: $ scope.myVar = ложь;
нг-скрыть наборы инструкций <p> элемент и два поля ввода видны, в зависимости от значения MyVar (истина или ложь) множество видна.
Функция переключения () используется для переключения значения переменной MyVar (истина и ложь).
нг скрыть = "истина" , так что элемент не виден.
Отображение HTML-элементов
нг-шоу инструкция может использоваться , чтобы установить , будет ли часть приложения видимого.
нг-шоу = "ложных" Вы можете установить HTML элементы не видны.
нг-шоу = "истина" может установить HTML - элемент виден.
В следующем примере используется команда нг-шоу:
AngularJS примеры
<Кнопка нг-клик = "тумблер ()"> Скрыть / </ Кнопка>
<P нг-шоу = "MyVar ">
Имя: <входной тип = "текст" нг-модель = "FirstName"> <br>
Фамилия: <входной тип = "текст" нг-модель = "LastName"> <br>
<Br>
Имя: {{FirstName + "" + LastName}}
</ P>
</ Div>
<Script>
вар приложение = angular.module ( 'MYAPP', []);
app.controller ( 'personCtrl', функция ($ сфера) {
$ Scope.firstName = "Джон",
$ Scope.lastName = "Doe"
$ Scope.myVar = True;
$ Scope.toggle = функция () {
! $ Scope.myVar = $ scope.myVar;
}
});
</ Script>
Попробуйте »