Angular : ng-if problem

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.6/angular.js"></script>
<div ng-app="myApp">
  <div ng-controller="appCtrl">

    Test Variable :

    <input type="radio" class="radio-inline" name="test" ng-model="var.test" value=true> Yes

    <input type="radio" class="radio-inline" name="test" ng-model="var.test" value=false> No

    <hr>
    <p>{{var.test}}</p>
    <hr>
    <p>Yes: <span ng-if="var.test">$</span></p>
    <p>No: <span ng-if="var.test">$</span></p>
  </div>

</div>

JavaScript

var myApp = angular.module('myApp', []);



myApp.controller('appCtrl', function($scope) {
  $scope.var = {
    test: true
  }


})