在AngularDart

Question

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

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

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

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

Answer 1

我最终在material-slider后面显示了标记。这样我就不必修改material-slider了。

我使用div创建了一个父position: relative，其中material-slider和标记div为子项。标记div具有position: absolute和left: 50%，可将其放置在滑块的中间位置。

我探索过的其他事情是：

• 是的，似乎你可以扩展组件，不是没有乐趣。
• 您可以获得拥有dart:html的自有组件的Element material-slider，并在其中添加内容。为此，您将Element注入构造函数。但是，您必须在AfterViewInit中使用它才能将material-slider创建为孩子。 querySelector()可帮助您转到Element material-slider，之后您可以执行slider.children.add()
等操作