如何在ng-switch中编写这些逻辑和条件，以避免当条件失败时一个项目闪烁一秒钟。

15 浏览
0 Comments

如何在ng-switch中编写这些逻辑和条件，以避免当条件失败时一个项目闪烁一秒钟。

我有两个按钮，需要根据条件显示。我有以下代码，它工作得很好，但唯一的问题是它会闪烁并且在条件不符合时显示一个按钮然后立即消失。

有一种解决方法是使用ng-switch。如何在ng-switch中编写这段代码？有人可以帮我写一下代码，或者在fiddle中给我一些帮助吗？



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

0

1 答案

0 Comments

问题的原因是在ng-switch中，即使条件失败，仍然会出现一个项目闪烁一秒钟的情况。为了解决这个问题，可以使用ng-disabled指令来禁用按钮，并使用ng-class指令添加一个disabled类来使按钮变灰。

解决方法如下：

1. 使用ng-disabled指令来禁用按钮，例如ng-disabled="ctrl.Status === 'Clicked'"。

2. 使用ng-class指令来添加一个disabled类，例如ng-class="{disabled: ctrl.Status === 'Clicked'}"。

3. 确保使用正确的语法，不要在ng-disabled中使用两个尖括号，因为它会在当前作用域之外进行评估。

此外，还可以参考一些文章和问题来获取更多的解决方法和指导，例如stackoverflow.com/questions/20518691/…。

0