在iframe不呈现页面时具有加载器

Question

<iframe [src]="url"></iframe>

我有这部分代码，但是运行此代码时，需要2-3秒的时间来呈现来自[src]="url"的原始组件。在这2-3秒钟内，我希望显示加载程序，并且成功渲染iframe后，应禁用该加载程序。我正在使用[email protected]

Answer 1

使用角形塞模块显示装载机。

var app = angular.module('plunker', []);

    app.controller('MainCtrl', function($scope, $timeout) {

    $scope.name = 'World';
    $scope.items = [{name: "One"}];
    $timeout(function() {
            $scope.$apply(function() {
                    $scope.items[0].lateLoader = 'i just loaded';  
            });
    }, 1000);
});