AngularJS와는 HTML DOM 요소의 속성에 애플리케이션 데이터 바인딩에 대한 지침이 있습니다.
NG 장애인 지침
NG 장애인 지시문은 HTML 요소의 disabled 속성에 AngularJS와 응용 프로그램 데이터를 결합한다.
AngularJS와 예
<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>
»그것을 자신을 시도 응용 프로그램 설명 :
NG 장애인 지시문은 HTML 버튼의 disabled 속성에 대한 응용 프로그램 데이터 mySwitch을 결합한다.
NG 모델 지시어는 mySwitch의 값으로 HTML 체크 박스 요소의 값을 결합한다.
mySwitch의 값이 true로 평가되면 버튼을 사용할 수 없습니다 :
<p>
<button disabled>Click Me!</button>
</p>
mySwitch의 값이 false로 평가되면 버튼이 비활성화되지 않습니다 :
<p>
<button>Click Me!</button>
</p>
NG 쇼 지침
NG 쇼 지시문을 표시 또는 HTML 요소를 숨 깁니다.
AngularJS와 예
<div ng-app="">
<p ng-show="true">I am visible.</p>
<p ng-show="false">I am not visible.</p>
</div>
»그것을 자신을 시도 NG 쇼 지시문 쇼 (또는 가죽) NG 쇼의 값에 따라 HTML 요소.
당신은 true 또는 false로 평가되는 표현식을 사용할 수 있습니다 :
AngularJS와 예
<div ng-app="" ng-init="hour=13">
<p ng-show="hour > 12">I am visible.</p>
</div>
»그것을 자신을 시도  | 다음 장에서는 더 많은 예제는 HTML 요소를 숨길 버튼 클릭을 사용하여이있다. |
|---|
NG 숨기기 지침
NG 숨기기 지시어는 성인물 HTML 요소를 보여줍니다.
AngularJS와 예
<div ng-app="">
<p ng-hide="true">I am
not visible.</p>
<p ng-hide="false">I am visible.</p>
</div>
»그것을 자신을 시도