wie man diese Logik und Bedingung in ng-switch schreibt, um das Flackern eines Gegenstandes für eine Sekunde zu vermeiden, selbst wenn die Bedingung nicht erfüllt ist

Question

Ich habe folgende zwei Knöpfe, die unter Bedingung angezeigt werden müssen. Ich habe folgenden Code, es funktioniert gut, aber nur Problem ist es flackert und zeigt eine Schaltfläche und verschwindet selbst wenn die Bedingung fehlschlägt.

Es gibt einen Ansatz, um dies zu lösen, mit ng-Switch. Wie schreibe ich das in ng-switch? Könnte mir bitte jemand mit dem Code helfen und vielleicht auch in der Geige.

<button type="button" id="saveEnabled" ng-click="ctrl.onClick()" ng-if="ctrl.Status !== 'Clicked'">Save</button> 
    <button type="button" id="saveDisabled" disabled="disabled" ng-if="ctrl.Status === 'Clicked'">Saved</button> 


ctrl.onClick = function() { 
     ctrl.Status = 'Clicked'; 
    }; 

Answer 1

Für etwas so einfach, dass man einen Knopf und einen ternären Operator

<button type="button" ng-attr-id="{{ctrl.Status !== 'saveEnabled' ? 'saveEnabled' : 'saveDisabled'}}" ng-click="ctrl.Status !== 'Clicked' ? ctrl.onClick() : return">{{ctrl.Status !== 'Clicked' ? 'Save' : 'Saved'}}</button> 



ctrl.onClick = function() { 
     ctrl.Status = 'Clicked'; 
    };