angularjs - 特定の要素のループで ng-show の状態を制御する

Question

フォーム内でアクションのリストを動的に生成しています。例、保存、承認、却下。これらのアクションのいずれかをクリックすると、サーバーから正常な応答が返されるまで、そのボタン内にスピナーが表示されるようにしたいと思います。

次のコードがあります。

ボタン

<button type="submit" value="{{e.label}}" ng-click="getCtrlScope().formData.requestAction=e.action;" class="btn {{e.btnStyle}}"  ng-repeat="e in buttonActions">
    <span ng-show="saveState == 'save'"> {{e.label}} </span> 
    <span ng-show="saveState == 'loading'"> {{e.label}} 
        <i class="fa fa-spinner fa-spin"></i>
    </span> 
    <span ng-show="saveState == 'completed'"> {{e.label}} 
        <i class="fa fa-check"></i>
    </span>
</button>

js

$scope.saveState = 'save' ;

$scope.save = function() {      
    $scope.saveState = 'loading'

    $http.post('../reviewRequest.json', $scope.formData).then(
        function(response) {    
            $scope.saveState = 'save'
        }, function(response) {
    });
};  

おそらくご覧のとおり、アクションをクリックすると、すべてのボタンが回転し始めます。スピンを 1 つのボタンに制限するにはどうすればよいですか?