AngularJS_AngularJS_if

<div ng-switch on="fruits">
    <div ng-switch-when="apple">
        <!-- fruits값이 apple일 때 해당 태그가 실행됩니다.-->
    </div>
    <div ng-switch-default>
        <!-- code to render the regular video block -->
    </div>
</div>

<div ng-app="">
	<input type="text" ng-model="fruits">
	<p>입력한 값: </p>
	<div ng-switch="" on="fruits">
		<div ng-switch-when="appel">
			apple을 입력!
		</div>
		<div ng-switch-default>
			아무것도 입력하지 않음
		</div>
	</div>
</div>

<div ng-hide="isBlockedMember">
    <!-- isBlockedMember가 true값을 가지면 해당 <div>태그는 보이지 않습니다.-->
</div>
<div ng-show="isLogged">
    <!-- isLogged가 true값을 가지면 해당 <div>가 보이게 됩니다. -->
</div>

<div>
	<spand>isMember:</span>
	<select ng-model="isMember">
		<option value="true">YES</option>
		<option value="false">NO</option>
	</select>

	<p>isMember : </p>
	<div ng-show="isMember=='true'">
		회원입니다.
	</div>
	<div ng-hide="!(isMember=='false')">
		회원이 아닙니다.
	</div>
</div>

<div ng-class="{block-member: member.isBlocked}">
    <!-- member객체의 isBlocked의 값이 true이면 해당 태그에 block-member클래스가 등록됩니다. -->
</div>

<div style="width:100%; background-color:#eee">
	<span>chang Background color: </span>
	<input type="text" ng-model="bgColor" placeholder="red를 입력해보세요.">
	<div style="width:200px; height:100px;" ng-class="{'red: bgColor=='red'}">
	</div>
</div>

<div ng-if="lastLogged == today">
    <!-- 변수의 값이 today와 일치할 때 이 태그가 보여지게 됩니다.-->
</div>
<div ng-if="lastLogged != today">
    <!-- 변수의 값이 today와 일치하지 않을 때 이 태그가 보여지게 됩니다. -->
</div>