如何在 ng-switch 中编写这些逻辑和条件以避免即使条件失败也不会闪烁一秒钟

Question

我有以下两个按钮需要在条件下显示。我有以下代码，它工作正常，但唯一的问题是它闪烁并显示一个按钮，即使条件失败也会消失。

有一种方法可以解决这个问题，那就是使用 ng-switch。如何在 ng-switch 中写这个？有人可以帮我处理代码，也许也可以在 fiddle 中。

  <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

对于这么简单的事情，您可以使用一个按钮和一个三元运算符

 <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';
  };