当一行中有多个项目(display: inline-block; vertical-align: top;)时，是否可以使用Angular Material的<cdk-virtual-scroll-viewport对我来说，CDK每行只渲染3-2个项目，在右边留下了很多空间。我已经将itemSize设置为一个项目的高度，并将视口的宽度设置为100%。
浏览 12提问于2019-08-13得票数 2
/core'; import {BrowserAnimationsModule} from '@angular/platform-browserfrom '@angular/material/tabs';
import {MatInputModule} from '@angular/materia
浏览 2提问于2019-07-03得票数 22
回答已采纳
我正在使用Angular Material Virtual scroll，项目被正确加载到DOM中，但当滚动时，它会跳来跳去，并自动跳到末尾。<cdk-virtual-scroll-viewport #scrollViewport (scrolledIndexChange)="scrolled($event)" [itemSize]="ITEM_SIZEelemtArray;" class="input-field-container ">
浏览 133提问于2021-05-11得票数 0
回答已采纳
1回答
使用Angular CDK虚拟滚动来渲染巨大的列表有问题。需要将itemsize设置为1才能正确加载列表。 期望根据视口大小加载列表。但它的加载远远超过视口的大小。其中视口大小为20个项目，它将一次加载超过200个项目。示例： <cdk-virtual-scroll-viewport [itemSize]="1" style="height: 100%">
<div *cdkVirtualFor="lettemplateC
浏览 129提问于2021-01-22得票数 0
我渲染它如下所示。它需要大约4秒来显示该组件，我希望它立即显示。有什么办法可以做到这一点吗？我尝试过，但无法让组件更快地呈现。
浏览 0提问于2020-05-26得票数 0
3回答
下面是的一个示例，我发现了一个简单的div： <divdisplayedColumns"></tr> </table&g
浏览 3提问于2018-06-05得票数 26
回答已采纳
我使用cdk-virtual-scroll-viewport在用户滚动时一次动态呈现一小部分项目。不管赋予cdk-virtual-scroll-viewport元素的高度如何，视口只显示5个项目。 在组件中，我加载了一个包含100个字符串的数组。 每件物品的高度都是48px。所以，我希望一次能看到10个项目。它只渲染5。在html中： <cdk-virtual-scroll-viewport itemSize=&q
浏览 202提问于2020-04-15得票数 3
2回答
我正在使用angular 4，目前我正在使用来提高用户滚动100个项目时的性能。我的问题是，在我的列表中，所有项目的大小都是可变的，并且这个库并不完全支持动态高度。比如需要一些最小的固定高度。如果可能的话，我想用Angular实现React Js Virtual scroll。有没有人能建议我一些解决方案，让我的订阅列表变得顺畅。
浏览 1提问于2018-03-26得票数 5
回答已采纳
1回答
不向列表中添加数据的虚拟滚动体
、、、、
我尝试过用Hasura的GraphQL后端在Range7项目上实现无限虚拟滚动。import { Component, OnInit, ViewChild } from '@angular/core';import { Ma
浏览 0提问于2019-02-11得票数 2
回答已采纳
为了学习如何从头开始构建Angular Material项目，不知何故只渲染了控制器中的原始文本：我仔细检查了CSS链接是否正确。那是什么问题呢？
浏览 0提问于2017-05-27得票数 0
我所拥有的是 <material-chips > > </material-chips> 哪里 final Sel
浏览 39提问于2020-08-18得票数 1
6回答
材质图标在我的项目中没有正确渲染，我正确安装了，但即使没有在浏览器中显示。我按照以下步骤操作：..angular cli.json "styles.css",/node_modules/material-design-icons/iconfont/material-icons.css"
浏览 112提问于2017-10-08得票数 24
我尝试在Angular App中显示图像，但它有一个问题。未显示任何图片。Html文件 <div id="container-my-bouquet">
浏览 1提问于2021-09-28得票数 0
5回答
我想把angular-material添加到我的nx-workspace中。
angular material文档()说我应该运行ng add @angular/material。我已经在我的nx工作区的根目录中，以及我想要添加它的应用程序文件夹和我想要添加它的lib项目文件夹中尝试过。在所有情况下，我都会收到消息The add command requires to be run in an Angular project, but a p
浏览 4提问于2021-03-06得票数 6
node_modules/@angular-material-components/datetime-picker/lib/datetime-picker.component.d.ts:52:22中的错误和
node_modules/@angular/material/core/common-behaviors/color.d.ts:15:5 15 defaultColor:未定义的ThemePalette
浏览 5提问于2020-09-07得票数 8
回答已采纳
它显示了所有选项，但单击“全屏查看”图形不会显示全屏，并且在退出时也不会渲染到原始大小。我使用的是Angular 7，Bootstrap 4，Material design和Highcharts 6.2.6。我固定了高度和宽度，因为我对多个位置使用相同的图形。
浏览 0提问于2020-04-21得票数 0
2回答
-- Material Design Lite --> <script src="/bower_components/material-design-lite/material.min.js
浏览 3提问于2016-11-13得票数 1
如何在ag-grid列表中实现多选行。
以下是我的源代码。
浏览 4提问于2018-12-24得票数 4
回答已采纳
我可以像使用bootstrap那样只使用角度材料作为设计框架吗？你的建议是什么，或者值得推荐？
浏览 0提问于2014-12-11得票数 11
有材料2 SystemJS为基础的项目。npm install --save @angular/material...',
浏览 4提问于2016-11-20得票数 0
回答已采纳
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号