JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="test">
    <div ng-controller="testCtrl">
        <ul class="timeline">
            <li>
                <div class="block-submit">
                    <button class="btn btn-primary btn-lg" ng-click="step = 2">Without ngif block</button>
                </div>
            </li>
            
            <li ng-if="step > 1">
                <div class="block-submit">
                    <button class="btn btn-primary btn-lg" ng-click="step = 3">with ngif block</button>
                </div>
            </li>
            
            <li ng-if="step > 1">
                <div class="block-submit">
                    <button class="btn btn-primary btn-lg" ng-click="setStep(3)">With ngif block and scope function</button>
                </div>
            </li>
        </ul>
        <p>
            step value : {{ step }}
        </p>
    </div>
</div>

JavaScript

angular.module('test', [])
    .controller('testCtrl', function($scope) {
        $scope.step = 1;
      
        $scope.setStep = function(step) {
             $scope.step = step;  
        };
    });