위에서는 ng-bind의 올바른 사용에 대해 설명합니다. 즉, <span ng-bind = "freezerDoorStatus"></span>는 <span>{{freezerDoorStatus}}</span>과 동일합니다. 하지만 스타일을 설정할 때 ng-style 또는 ng-class를 사용하여 변수 값(true/false)에 따라 스타일 표시 여부를 제어할 수 있습니다. 다음과 같이<p ng-class="freezerDoorStatus ? IFreshMode : 'otherClass'"></p>또는 ng-style을 사용할 수 있습니다<p ng-style="{'color':iconColor}"> ;</p>. Angular 공식 홈페이지 https://docs.angularjs.org/ap...에서 자세한 소개를 보실 수 있습니다.
아직도 귀하의 특정 요구 사항을 잘 이해하지 못합니다. 도움이 되는지 확인하세요
ng-show="isOpen" 또는 ng-if="isOpen"을 사용하세요.
그런 다음 컨트롤러는 $Scope.isOpen 값을 true 또는 거짓
ng-bind
相当于代替表达式方式{}
,例如:<span ng-bind="someValue" ></span>
等价于
<span>{{ someValue }}</span>
스타일 조절이 필요한 경우
를 사용하세요.ng-class
,ng-style
, 需要控制显示就使用ng-if
orng-show
,例如:<span ng-style="{ backgroundColor : yourCondition ? 'red' : 'yellow' }" ></span>
위에서는 ng-bind의 올바른 사용에 대해 설명합니다. 즉, <span ng-bind = "freezerDoorStatus"></span>는 <span>{{freezerDoorStatus}}</span>과 동일합니다.
하지만 스타일을 설정할 때 ng-style 또는 ng-class를 사용하여 변수 값(true/false)에 따라 스타일 표시 여부를 제어할 수 있습니다.
다음과 같이<p ng-class="freezerDoorStatus ? IFreshMode : 'otherClass'"></p>또는 ng-style을 사용할 수 있습니다<p ng-style="{'color':iconColor}"> ;</p>.
Angular 공식 홈페이지 https://docs.angularjs.org/ap...에서 자세한 소개를 보실 수 있습니다.