우선 가장 ng-show 와 ng-hide 는 서로 반대개념이고

ng-if 와의 차이점은 객체를 숨기는것과 지우는것의 차이다.

ng-if 로 인해 else 처리가 되면 disply:none 상태가 아닌 완전히 태그 자체가 사라지지만

ng-show ,hide 의 경우 hidden 처리가 된다.

사용예시는 다음과 같다.

<section class="container"  ng-app="ctnsManualNgCon" style="background-color: yellow;">
    <div ng-controller="flipperDemo" class="row">
        <h1 ng-init="isHidden = true" ng-if="isHidden">hello {{name || "world"}}</h1>
        <input type="text" ng-model="name"/>
        <br>
        <div class="col-lg-8 col-lg-offset-2">
            <button ng-click="clickHandler();">click me</button>
        </div>
    </div>
</section>
<script type="text/javascript" >
var app = angular.module("ctnsManualNgCon", []);

app.controller("flipperDemo", function($scope) {
    $scope.name = "asdfasdf";
    $scope.clickHandler = function(){
        $scope.isHidden = !$scope.isHidden;
    };
});


</script>