目前,我正在为新的Angular 2项目使用UI-Libraries.我试过Ng-Bootstrap和Material.不幸的是,他们仍处于Alpha和Beta状态.我还检查了PrimeNG.目前,PrimeNG提供了比Material和NgBootstrap更多的组件.尤其是在桌子方面.PrimeNG似乎很稳定,可以用于生产.
我对PrimeNG的网格系统并不满意.例如,不清楚如何执行列偏移.我在文档(https://www.primefaces.org/primeng/#/grid)中也找不到这个.
我开始在PrimeNG组件中使用bootstrap 4.对我来说,这还不是一个好方法.感觉就像我有两个框架在某些情况下做同样的事情.例如,如果我想创建一个按钮,我可以使用bootstrap类来执行以下操作
<button class="btn btn-primary">Button with Bootstrap</button>
或者我可以使用PrimeNG执行以下操作
<button pButton type="button" label="Button created with PrimeNG"></button>
Run Code Online (Sandbox Code Playgroud)
我是否缺少PrimeNG的一些功能,或者将Bootstrap与PrimeNG结合使用是有效的,因为它在Grid-Layout方面提供了更多功能.
我正在尝试使用 Angular CDK 实现覆盖。Overlay 用于具有水平滚动的容器内。如果我们滚动到左侧,覆盖层应该坚持到原始位置或消失。
我可以使用 CDK 指令成功实现此行为。(通过单击“打开”按钮并向左滚动来打开叠加层)。覆盖层跟随按钮。
我尝试在不使用指令但使用覆盖服务的情况下实现相同的目标。
在这种情况下,覆盖层将保持不变,不会随内容移动。我需要在指令上使用服务,因为我们会将其封装在自定义指令后面。关于如何通过服务实现与指令相同的行为的任何想法都非常受欢迎?提前谢谢。