首页 > 解决方案 > 如何在 AngularDart 网络应用程序中使用 MDC 组件

问题描述

我想将此 MDC表单集成到我的 Web 应用程序中。我正在使用AngularDart ( 5.0.0-beta+1)。这里npm行命令来安装这个组件 ( npm install @material/form-field)。

有没有办法在AngularDart网络应用程序中使用它?

谢谢!

标签: formsdartmaterial-designangular-dartmdc-components

解决方案


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

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

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


推荐阅读