如何停止指令执行直到给定时间？

Question

我有一个从服务器检索数据的异步函数，并且有一个指令应该显示异步函数检索的任何数据。

我想做的是在指令中将ng-show设置为false，假设除非将ng-show设置为true，否则指令不会加载。 ng-show将保持为false，直到我的异步函数检索到数据为止。

问题是这不起作用，无论我是否放置ng-show都将加载该指令-还有其他想法吗？

这是我在代码中尝试过的：

Js：

 getFile.then(function (result) {
                        $scope.show = true;
                        Utilities.safeApply($scope);
                    })

HTML：

section class="list file-list group" ng-show="show" view-mode="assets">
    <file file="model.file"></file>
</section>

指令：

.directive('file', ['$rootScope', '$compile', function($rootScope, $compile) {
        return {
            restrict: 'E',
            replace: true,
            templateUrl: 'file.html',
            scope: {
                show: '='
            },
            controller: function($scope) {
                //do stuff here once async function finished
            }

Answer 1

ngShow和ngHide仅显示和隐藏内容，它们不会有条件地将其添加或从页面中删除。 如果您确实想要这种行为，请查看ngIf 。

但是 ，我认为可以更好地解决您的问题，在您的指令中设置一个监视程序，该监视程序在内容准备就绪时起作用。 因为这依赖于数据绑定，所以这是解决问题的“更具角度”的方法。

.directive('file', ['$rootScope', '$compile', function($rootScope, $compile) {
    return {
        restrict: 'E',
        replace: true,
        templateUrl: 'file.html',
        scope: {
            file: '=', // YOU DIDN'T HAVE THIS YET
        },
        controller: function($scope) {
            $scope.$watch('file', function (newValue) {
                if (!newValue) { return; }
                // do async code here. $scope.file will be defined
            };
        }

就像其他海报提到的那样，您可能必须在收到Ajax调用的结果后调用$ scope。$ apply（）来启动摘要循环。 这取决于您的getFile方法的外观。 如果它使用Angular的核心服务之一（例如$ http） ，则可能不需要手动搞乱摘要循环。

Answer 2

您是否尝试过在函数的结尾（或之后）调用$ scope。$ apply（）？ 这在类似情况下对我有效。 我认为这与从angular外部更新$ scope有关。

免责声明：我不知道这是否是一个好习惯，但是我不得不与异步函数一起使用几次，并且它可以实现我想要的功能