Angularjs zawiera wytyczne dotyczące wiązania danych aplikacji do atrybutów elementów HTML DOM.
Dyrektywa ng niepełnosprawnych
Dyrektywa ng niepełnosprawnych wiąże angularjs danych aplikacji na niepełnosprawnego atrybutu elementów HTML.
angularjs Przykład
<div ng-app="" ng-init="mySwitch=true">
<p>
<button ng-disabled="mySwitch">Click Me!</button>
</p>
<p>
<input type="checkbox" ng-model="mySwitch">Button
</p>
<p>
{{ mySwitch }}
</p>
</div>
Spróbuj sam " Zastosowanie wyjaśnił:
Dyrektywa ng niepełnosprawnych wiąże danych mySwitch aplikacji do atrybutu niepełnosprawnej przycisk formacie HTML.
Dyrektywa ng model wiąże wartość elementu checkbox HTML do wartości mySwitch.
Jeżeli wartość mySwitch wartość true, przycisk zostanie wyłączony:
<p>
<button disabled>Click Me!</button>
</p>
Jeżeli wartość mySwitch wartość false, przycisk nie zostanie wyłączona:
<p>
<button>Click Me!</button>
</p>
Dyrektywa ng-show
Dyrektywa ng-show pokazuje lub ukrywa element HTML.
angularjs Przykład
<div ng-app="">
<p ng-show="true">I am visible.</p>
<p ng-show="false">I am not visible.</p>
</div>
Spróbuj sam " NG-show dyrektywy wynika (lub ukrywa) element HTML w oparciu o wartości NG-show.
Można użyć dowolnego wyrażenie, którego wynikiem prawda czy fałsz:
angularjs Przykład
<div ng-app="" ng-init="hour=13">
<p ng-show="hour > 12">I am visible.</p>
</div>
Spróbuj sam "  | W następnym rozdziale, istnieje więcej przykładów, za pomocą kliknięcia przycisku, aby ukryć elementy HTML. |
|---|
NG-hide dyrektywa
NG-hide dyrektywy ukrywa lub pokazuje element HTML.
angularjs Przykład
<div ng-app="">
<p ng-hide="true">I am
not visible.</p>
<p ng-hide="false">I am visible.</p>
</div>
Spróbuj sam "