Latest web development tutorials

AngularJS HTML DOM

AngularJS содержит инструкции для данных приложений связывания атрибутов HTML элементов DOM.

нг-инвалидов инструкция

нг-инвалидов инструкции непосредственно связывать данные приложения в HTML - инвалидов собственности.

AngularJS примеры

<Div нг-приложение = "" нг-Init = "mySwitch = истина">

<P>
<Кнопка нг-инвалидов = "mySwitch "> Направьте меня! </ Button>
</ P>

<P>
<INPUT TYPE = "флажок" нг -моделью = "mySwitch"> кнопка
</ P>

<P>
{{MySwitch}}
</ P>

</ Div>

Попробуйте »

Примеры объяснить:

нг-инвалидов инструкция связаны данные приложения "mySwitch" в HTML - инвалида собственности.

нг-модель директивы связывания "mySwitch" к содержимому элемента ввода CheckBox HTML (значение).

Если mySwitch верно, то кнопка недоступна:

<P>
<Кнопка отключена> Point меня! </ Button>
</ P>

Если mySwitch является ложным, вы можете использовать кнопку:

<P>
<Кнопка> Point меня! <Button />
</ P>

нг-шоу инструкции

нг-шоу инструкции скрыть или отобразить HTML - элемент.

AngularJS примеры

<Div нг-приложение = "" >

<P нг-шоу = "истинный "> Я видно. </ P>

<P нг-шоу = "ложь "> Я был невидим. </ P>

</ Div>

Попробуйте »

значение команды нг-шоу на основе значения для отображения (скрыть) HTML элементы.

Вы можете использовать выражение для расчета логическое значение (истина или ложь):

AngularJS примеры

<Div нг-приложение = "" нг-Init = "час = 13 "> <P нг-шоу = "час> 12 "> Я видно. </ P> </ Div>

Попробуйте »

примечание В следующей главе, мы все будут скрыты, нажав на кнопку несколько экземпляров HTML-элемента.

нг скрыть команду

Команда нг скрыть , чтобы скрыть или отобразить HTML элементы.

AngularJS примеры

< div ng-app= "" >

< p ng-hide= "true" >我是不可见的。 < /p >

< p ng-hide= "false" >我是可见的。 < /p >

< /div >

Попробуйте »