Question

我有一个指令，里面有一个字段。该字段正在传递一个带有模型的$ scope。

该字段为ng-required =“true”。

由于存在瞬间没有将数据加载到模板中，因此字段周围会出现难看的红色错误文本。

我尝试过模板缓存，改变了类的颜色，但没有一个在合适的时间发生。我们在此期间所做的是删除ng-animate。这会停止延迟并闪烁并消失。然而，这是一个挫折，因为动画会在其他地方膨胀。

从这里我会问具体的问题：当ngAnimate注入app.js时，有没有办法在每个元素/控制器/指令级别禁用注入？

据我所知，当它包含在全局app.js中时，注入级联。

Answer 1

我所做的是设置一个标记，以便在内容加载完成时发出信号，并且在此设置为真之前我不会显示任何内容。

在您的控制器上

$scope.finishedLoading = function() {
    ... whatever logic you need to figure out if all your data is loaded ...
    return $scope.myData != null;
}

然后在模板的某些部分中包装您最初想要隐藏的字段：

<div ng-hide="finishedLoading">Please wait...</div>
<div ng-show="finishedLoading">
    .. your page content here ..
</div>

在加载ngModel之前，基础错误/淡入淡出使用ngAnimate闪烁

1 个答案: