Angular Js , Hide a button everytime a value increments

As you notice on the screenshot the the button is incremented everytime an index is increment . Want i want to know is that everytime the index increment those preceding number will no longer have the button. For example on the screenshot 1 and 2 has each button which is the Insert question below button. The button should only appear on the current highest number , on the screenshot button should only appear in number 2.

javascript

  me.create_question_object = function (index) {
    }

htmlcode

<div class="col-md-12 yq-default-pad  top50 text-center">
                    <div class="text-center">
                        {$ $index + 1 $}.)
                        <button  ng-hide ng-click="main.create_question_object($index)" class="btn btn-success"><i class="fas fa-plus-circle"></i> Insert Question Below</button>
                    </div>
                </div>

Here is the screenshot:https://imgur.com/a/cyLhIN5

Source: AngularJS