Ионные переключения между 2 колонтитулами

Question

У меня есть это в сноске:

<div class="bar bar-footer bar-assertive" ng-show="withdarawStatus"> 
    <button class="button button-assertive" id="applyButton" ng-click="withdraw()"> 
     Successfully Applied! Withdraw? 
    </button> 
</div>  

<div class="bar bar-footer bar-positive" ng-show="!withdarawStatus" > 
    <p id="applyButton" >Application Withdrawn</p> 
</div> 

Я хочу, чтобы написать функцию, которая при нажатии кнопки вывести() изменяет колонтитул в «Application ВЫВЕСТИ» колонтитул.

Я пробовал это, но это не сработало, если я не перезаряжу всю страницу.

$scope.withdraw = function() { 
    $scope.withdrawStatus = true; 
} 

Answer 1

У вас есть опечатка в вашем HTML ng-show="!withdarawStatus" должен быть ng-show="!withdrawStatus". Это должно решить проблему.

Edit: Вот рабочий codepen