AngularJS在模型加载之前显示加载消息

Question

我在项目中使用Angularjs bootstrap ui-modal弹出窗口。我的TemplateUrl是外部链接，它需要时间来提供响应，哪些是动态的并经常更改。 所以直到我的模板网址内容显示我的模型确实显示。 我知道如何在外部URL加载所有内容之前显示加载消息。

我点击了一个链接，其中调用了以下函数：

$scope.viewPopUp = function (id) {
            var modalInstance = $modal.open({
                  templateUrl: 'myurl'+id,
                  controller: ModalInstanceCtrlQr,
                  opened: function () {
                    console.log('model is opened ')
                    },
                });
                modalInstance.result.then(function (data) {}, function () {
                });
        }