时间戳

首页 > 解决方案 > 在 AngularDart 中自定义材质滑块

angular-material - 在 AngularDart 中自定义材质滑块

问题描述

我想<material-slider>在 AngularDart 中自定义组件。我想将标记添加到某个值，如下所示：

------|----O-------

这里|是我要添加的标记，O这里是滑块的普通旋钮。不会有任何用户与标记的交互，我只是从代码中设置它。

这样做的最佳方法是什么？我应该到达它的 DOM 并在那里注入一些东西吗？我可以延长MaterialSlider课程吗？有没有可能有帮助的例子？

标签： angular-materialangular-dart

解决方案

我最终在material-slider. 这样我根本不需要修改material-slider。

我创建了一个具有div和标记作为子级的父级。标记具有并将其放置在滑块的中间。position: relativematerial-sliderdivdivposition: absoluteleft: 50%

我探索的其他事情是：

  • 是的，您似乎可以扩展组件，不，这不好玩。
  • 您可以获取dart:html Element您自己的具有 的组件material-slider并将其添加到其中。为此，您注入Element到构造函数中。但是，您必须使用它AfterViewInit才能将material-slider其创建为孩子。querySelector()帮助您到达Elementof material-slider，之后您可以执行以下操作slider.children.add()

推荐阅读