Show Hide using angularJS

HTML

<div ng-app='myApp' ng-controller='mainCtrl'>
    <div ng-show='!tmp'>
  First Name<br>
        <input type="text" placeholder="firstname" ng-model="register.firstname"><br>
        </div>
    <div ng-show='!tmp'>step2</div>
    
    <button ng-click='change()'>DO
    </button>
</div>

JavaScript

myApp = angular.module('myApp',[]).
controller('mainCtrl', function($scope){
    $scope.change = function(){
        $scope.tmp = !$scope.tmp
        console.log($scope.tmp);
    }
})