AngularJS ui-grid-当响应包含空数组时显示“无数据可用”
发布时间:2020-12-17 07:39:29 所属栏目:安全 来源:网络整理
导读:如果ajax的响应包含空的json数据数组,我想在ui-Grid 3.0中显示“No Data Available”. data = {"data": []}; 现在如果我这样做 – $scope.gridOptions.data = data.data; “无数据可用”必须在ui-Grid中. 目前发生的情况是,如果数据为空,用户将获得空白屏幕.
如果ajax的响应包含空的json数据数组,我想在ui-Grid 3.0中显示“No Data Available”.
data = {"data": []}; 现在如果我这样做 – $scope.gridOptions.data = data.data; “无数据可用”必须在ui-Grid中. 目前发生的情况是,如果数据为空,用户将获得空白屏幕. 还如何使其成为默认功能? 看到plunker这里.
你可以使用“水印”(
plunker)(
updated plunker)
模板 <div ui-grid="gridOptions" ui-grid-selection ui-grid-exporter class="grid"> <div class="watermark" ng-show="!gridOptions.data.length">No data available</div> </div> CSS .watermark { position: absolute; top : 80px; opacity: 0.25; font-size: 3em; width: 100%; text-align: center; z-index: 1000; } 编辑: 使.watermark独立于特定的父大小: .watermark { position: absolute; top: 50%; <---- Center vertically in the parent element,transform: translateY(-50%); <---- it works for any parent height opacity: 0.25; font-size: 3em; width: 100%; text-align: center; z-index: 1000; } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- angular – 使用可注入服务来设置APP_BASE_HREF的配置
- Angular_下拉加载
- Axis2 WebService 客户端访问超时,尝试连接3次
- 实战学习NodeJS建站(3)—bootstrap后台管理、nodejs访问数
- angularjs – Angular Control在缩小JS文件后无法正常工作?
- 如何防止Vim缩进括号中的文字
- azure-如何在service-node-port-range默认范围之外的NodePo
- angularjs – 将Silverlight APP转换为HTML5 SPA – 工具和
- angularjs – 在$state.go之后没有调用离子控制器
- 国土档案管理信息系统【档案著录】-法院来文、文书类档案著