Javascript 条件满足ngShow和ngHide

我试图在加载数据时显示一个加载图标，然后在数据准备就绪时显示数据。 问题是我几秒钟后，我可以看到加载图标和数据

这是我的密码

$scope.items[y].content.push({ text: '', loading: true });

API.getContent(id, x, y, function (response, x, y) {

    $scope.items[y].content[x].loading = false;
    $scope.items[y].content[x].text = response.data.text;
});

我的看法是：

<i ng-show="item.loading" class="fa fa-spinner fa-pulse fa-2x"></i>
<p ng-hide="item.loading" class="portal-subtitle" ng-bind-html="item.text"></p>

我的内容是异步加载的。当我得到结果时，加载值被设置为false，因此此时图标应该不可见。。。但事实并非如此！（如图所示）

你知道怎么解决这个问题吗

编辑：

我显示了“item.loading”的值。当值从true变为false时，显示文本，但图标仍在此处几秒钟。。。这有用吗

---

感谢您的帮助

如果您正在使用ng animate，请将以下内容添加到css中：

.ng-hide.ng-hide-animate{display: none !important; }

在ng hide开始之前，动画正在等待完成

---

以上css将在ng hide和ng hide animate重合后立即隐藏元素。

尝试先编写ng hide，然后再编写ng show。这样DOM就知道如何隐藏数据。例如，

我试过了。。但也有同样的问题。图标就在文本后面。但仍同时显示：/您的项目加载是否正常？您是否尝试过

item.loading==true

您所说的“正常工作”是什么意思？我只是将它设置为true或false:，然后我尝试了“==true”，同样的结果。我将更新我的问题以获取新信息这可能是在回避手头的问题，但您是否尝试使用ng if而不是ng show？不，仍然是一样的。。。实际上，我正在这样做，我创建了这个加载值来尝试修复它…：/六羟甲基三聚氰胺六甲醚。。。好吧，让我们试着追溯到那时。这里的问题不是更改的值，而是动画/文本的实际渲染。您是否有可能在代码中使用ng animate？似乎有些人对此有异议：老兄。。。这就成功了。。。难以置信的非常感谢，我想不出这个。。。更新您的答案，使用ngAnimate并添加“.ng hide.ng hide animate{display:none！important；}”修复了它！