如何在 AngularDart 网络应用程序中使用 MDC 组件

Question

我想在我的网络应用程序中集成this MDC 表单。我正在使用 AngularDart (5.0.0-beta+1)。 Here 有 npm 行命令来安装这个组件（npm install @material/form-field）。

有没有办法在 AngularDart 网络应用中使用它？

谢谢！

Answer 1

文本字段会有点难以包装，但有几种方法可以做到这一点。

• 在 index.html 文件中加载 mdc-web js 和 scss 文件，然后在您想要拥有该元素的组件中创建必要的 DOM 结构。
• 做一些类似于我们对材料卡所做的事情，将 Sass 文件放在你的 dart 包中，并在你的组件中引用它们。这不会让你了解它的 JS 部分。 https://github.com/dart-lang/angular_components/tree/master/lib/material_card

angular_components 最终会为此提供一个包装器，但它还没有准备好发布。