Latest web development tutorials

Angularjs HTML DOM

Angularjs zawiera instrukcje dotyczące wiązania danych aplikacji atrybutów HTML elementów DOM.

Instrukcja ng niepełnosprawnych

Instrukcja ng-disabled bezpośrednio wiążą danych aplikacji HTML własności niepełnosprawnych.

angularjs przykłady

<Div ng-app = "" NG-startowych = "mySwitch = true">

<P>
<Przycisk ng-disabled = "mySwitch "> Punkt mnie! </ Button>
</ P>

<P>
<Input type = "checkbox" ng -Model = "mySwitch"> Przycisk
</ P>

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

</ Div>

Spróbuj »

Przykłady wyjaśnić:

ng-disabled wskazówki związane Dane aplikacji "mySwitch" do HTML własności niepełnosprawnych.

ng model dyrektywy bind "mySwitch" do HTML zawartości pierwiastków pole wyboru wejścia (wartości).

Jeśli mySwitch true, przycisk jest niedostępny:

<P>
Przycisk <wyłączony> Punkt mnie! </ Button>
</ P>

Jeśli mySwitch jest fałszywy, można użyć przycisku:

<P>
<Button> Punkt mnie! </ Button>
</ P>

ng-show instrukcje

ng-show instrukcje ukryć lub wyświetlić element HTML.

angularjs przykłady

<Div ng-app = "" >

<P ng-show = "true "> Jestem widoczny. </ P>

<P ng-show = "false "> jestem niewidzialny. </ P>

</ Div>

Spróbuj »

ng-show wartości zadanej na podstawie wartości do wyświetlania (ukryj) elementy HTML.

Można użyć wyrażenia obliczyć wartość logiczną (prawda lub fałsz):

angularjs przykłady

<div ng-app = "" ng-startowych = "godzina = 13 "> <P ng-show = "godzina> 12 "> Jestem widoczny. </ P> </ Div>

Spróbuj »

uwaga W następnym rozdziale, wszyscy będziemy się ukryć, klikając przycisk więcej wystąpień elementu HTML.

ng kryjówka polecenie

ng-hide polecenie, aby ukryć lub elementy wyświetlania HTML.

angularjs przykłady

< div ng-app= "" >

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

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

< /div >

Spróbuj »