angularjs - ng-if 显示两个元素

Question

我有两个按钮使用 ng-if 来确定是否应该显示它们。在短暂的一秒钟内，这两个元素都会显示，尽管它们不应该一起显示。在孤立的示例中，这工作得很好，但在我的项目中它有一些延迟。与这篇文章非常相似:Angular conditional display using ng-if/ng-show/ng-switch briefly shows both elements但没有任何答案与我尝试过的不同。

<button class="btn btn-primary drop_shadow" ng-if="vm.ingestReady == true"
                ng-click="vm.ingestReady = !vm.ingestReady" ng-cloak> Start Ingest
</button>
<button class="btn btn-danger drop_shadow" ng-if="vm.ingestReady == false"
                ng-click="vm.ingestReady = !vm.ingestReady" ng-cloak>Cancel Ingest
</button>

Controller 代码是

vm.ingestReady = true;

页面加载时。因此，单击按钮应该只是切换 View ，但在紧急情况下，两者都是可见的。

Answer 1

这是由 ngAnimate 引起的。如果您不使用它，请尝试将其删除。如果您不想删除 ngAnimate，请将以下 css 添加到您的应用中。

.ng-leave {
    display:none !important;
}

更详细的解答angular ng-if or ng-show responds slow (2second delay?)