Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/fortran/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs NGMead加载前基础错误/衰落闪烁_Angularjs_Angularjs Directive_Zurb Foundation - Fatal编程技术网

Angularjs NGMead加载前基础错误/衰落闪烁

Angularjs NGMead加载前基础错误/衰落闪烁,angularjs,angularjs-directive,zurb-foundation,Angularjs,Angularjs Directive,Zurb Foundation,我有一个指令,里面有一个字段。正在向字段传递一个$scope,其中包含模型 该字段为ng required=true 因为有一瞬间数据没有加载到模板中,所以字段周围会出现一道难看的红色错误文本 我尝试过模板缓存,改变了类的颜色,但没有一个在正确的时间发生。我们在此期间所做的是删除ng动画。这将停止延迟、闪烁和褪色。然而,这是一个倒退,因为动画将在其他地方膨胀 在此,我将提出一个具体问题: 由于ngAnimate是在app.js中注入的,有没有办法在每个元素/控制器/指令级别禁用注入 据我所知,当

我有一个指令,里面有一个字段。正在向字段传递一个$scope,其中包含模型

该字段为ng required=true

因为有一瞬间数据没有加载到模板中,所以字段周围会出现一道难看的红色错误文本

我尝试过模板缓存,改变了类的颜色,但没有一个在正确的时间发生。我们在此期间所做的是删除ng动画。这将停止延迟、闪烁和褪色。然而,这是一个倒退,因为动画将在其他地方膨胀

在此,我将提出一个具体问题: 由于ngAnimate是在app.js中注入的,有没有办法在每个元素/控制器/指令级别禁用注入


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

我所做的是设置一个标志,在内容加载完成时发出信号,并且在设置为true之前,我不会显示任何内容

在你的控制器上

$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>

您可以避免在字段处于原始状态时显示错误,或者在数据准备就绪之前避免显示字段或指令本身。ng show和ng if是你的朋友。要获得更具体的答案,请发布一个更具体的问题。同意@JBNizet-在容器元素上使用ng show/hide之前,我已经处理过这些类型的闪烁,仅在应用程序准备就绪时才让孩子们可见。发布一些代码以了解更多详细信息