angular - 可以在没有 Angular 的情况下使用 Clarity 吗?

标签 angular vmware-clarity

近年来我主要使用 Bootstrap3 来处理 css 和响应,但几周前我偶然发现了 Clarity Project .我无法理解的一件事与文档中经常提到的 Angular 组件有关。可以找到示例 here .后面的链接提到了 HTML 风格的标签,例如 <clr-dropdown>...</clr-dropdown><clr-icon>...</clr-icon> .我是否理解正确,这种标签的使用只有在使用 Angular 时才有意义,否则它们将被忽略?

我没有使用 Angular 的经验,也不打算学习它,但是以这种时尚的方式使用这些 Clarity 组件而不是 Angular 会非常棒。有人试过吗?这样做有意义吗?我没有在文档中找到答案,所以如果您能在这里找到答案,我将不胜感激。

提前致谢。

最佳答案

Clarity 具有 CSS 和 Angular 组件。任何组件的 CSS 样式都是通过 clarity-ui 包提供的,而 clarity-angular 包具有一些更复杂组件的 Angular 实现。例如,只有 CSS 的数据网格是不可能的,因此 Angular 组件是使用数据网格的唯一方法。但是,如果您想使用数据网格 CSS 并构建您自己的数据网格实现,您可以自由地这样做。文档页面 https://vmware.github.io/clarity/documentation显示具有 Angular (NG) 组件的组件列表。

今天要获得最佳的 Clarity 体验,您需要使用 Angular 来访问所有组件和实现,否则您将无法为 CSS 无法支持的复杂行为构建 Javascript 实现.

关于angular - 可以在没有 Angular 的情况下使用 Clarity 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47165860/

相关文章:

angular - 模式关闭时没有点击事件后?

javascript - 将表单验证绑定(bind)到当前组件之外的组件

angularjs - 使用 ClarityIcons 时无法在 'define' 上执行 'CustomElementRegistry'

javascript - 在 Clarity DataGrid 中,如何更改整列的文本对齐属性?

javascript - 如何将 Angular 中两个值中的第一个值发送到节点?

vmware-clarity 组件完整引用

html - 如何删除微调器上的奇怪线条

javascript - 如何将 Electron 文件从 'require' 转换为 'import' 以与 TypeScript 一起使用? Angular 2+

angular - 无法创建 KeyboardEvent 来测试 Internet Explorer 11 中的输入组件( Angular )

angular - NgRx 奇怪的行为