Angularjs 如何在Umbraco'中加载数据时显示等待消息或加载图像;s管理员自定义网格编辑器?
我为Umbraco后台办公室(或管理员)创建了一个自定义网格插件,但在保存所选项目之前,我希望按ID获取内容并保存属性。这个get调用的时间比预期的要长一点,因为它使用了承诺,所以我希望有一种方法可以通知用户有一些数据正在加载 我发现了这个,但我不确定将它连接到Umbraco管理用户界面的最佳方式。我还假设有一种标准方法可以通知用户操作正在进行,并且在操作完成之前不要离开此页面或再次单击提交 是否有人有什么想法可以用来在Umbraco Admin中通知用户有东西正在加载 以下是我的插件控制器中的一些代码:Angularjs 如何在Umbraco'中加载数据时显示等待消息或加载图像;s管理员自定义网格编辑器?,angularjs,umbraco,umbraco7,Angularjs,Umbraco,Umbraco7,我为Umbraco后台办公室(或管理员)创建了一个自定义网格插件,但在保存所选项目之前,我希望按ID获取内容并保存属性。这个get调用的时间比预期的要长一点,因为它使用了承诺,所以我希望有一种方法可以通知用户有一些数据正在加载 我发现了这个,但我不确定将它连接到Umbraco管理用户界面的最佳方式。我还假设有一种标准方法可以通知用户操作正在进行,并且在操作完成之前不要离开此页面或再次单击提交 是否有人有什么想法可以用来在Umbraco Admin中通知用户有东西正在加载 以下是我的插件控制器中的
dialogService.treePicker({
multiPicker: false,
treeAlias: 'content',
section: 'content',
startNodeId: startNodeIdValue,
callback: function (data) {
notificationsService.info("Success", "Selected " + data.name + " (" + data.id + ").");
//TODO: need a good way to show a loading/wait message
// until the promise is finished
//this might work but want to use the umbraco admin way
//to show a loading / wait message
$scope.loading = true;
contentResource.getById(data.id).then(function (content) {
var icon = content.icon;
$scope.control.value = {
id: data.id,
name: data.name,
path: data.path,
icon: icon
};
//this might work but want to use the umbraco admin way
//to show a loading / wait message
$scope.loading = false;
$scope.setPreview();
});
}
});
我们的解决方案
我发现Umbraco使用的指令名为,并且它是有效的;然而,我仍然好奇是否有人有更好的解决方案
现在,使用$scope.loading
值查看我的视图
<div ng-controller="MyController">
<div style="height: 25px;" ng-if="loading">
<umb-load-indicator></umb-load-indicator>
</div>
<div ng-class="usky-editor-placeholder" ng-if="!loading">
<!-- main content goes here -->
</div>
</div>
如果您有更好的解决方案,请告诉我。我们的解决方案
我发现Umbraco使用的指令名为,并且它是有效的;然而,我仍然好奇是否有人有更好的解决方案
现在,使用$scope.loading
值查看我的视图
<div ng-controller="MyController">
<div style="height: 25px;" ng-if="loading">
<umb-load-indicator></umb-load-indicator>
</div>
<div ng-class="usky-editor-placeholder" ng-if="!loading">
<!-- main content goes here -->
</div>
</div>
如果您有更好的解决方案,请告诉我