如何在ng开关中写入这些逻辑和条件，以避免一个项目在条件失败时闪烁一秒钟

Question

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

有一种方法可以解决这个问题，使用ng开关。如何在ng switch中写这个？有人能帮我处理一下密码吗？也许还有小提琴。

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