欢迎来到WindmillCode Angular Library,这是一套全面的角度组件套件,旨在帮助您构建引人入胜,稳健和用户友好的Web应用程序。该库,也称为WindmillCode Angular成分开发套件(CDK),提供了可重复使用的UI组件的集合,每个组件都针对细节和性能。
{/ * */}
Angular可以获得一种详细的语言,我们旨在通过插头和播放每个组合物具有插件和播放的态度简化Angular,就像在React This Props中一样
// app.component.ts
// Standalone there are default values to see how the component works
props = new WMLInputZeroProps ( { } )
// To pass arguments/customize
props = new WMLInputZeroProps ( {
datetime : new WMLInputZeroDatetimeProps ( {
type : "datetime" ,
min = new Date ( "[YOUR BIRTHDAY FOR EXAMPLE]" )
} )
} ) // app.component.html
< wml-input-zero [props] = props >
</ wml-input-zero >我们的库包括各种组件,从按钮和输入字段等UI元素到复杂的构造,例如文件上传和下拉列表。每个组件的设计为模块化,使其易于集成到现有的角度项目中。
组件设计为易于自定义且具有主题功能,使您可以将它们与应用程序的品牌和设计指南保持一致。VIA修改特定于每个组件的CSS变量,您可以对组件的外观和感觉进行颗粒状的控制。
{/ * */}
国际化- 所有组件均为I18N兼容NGX - 翻译。在您的项目中使用默认的en.json文件,然后更新并将I18N字符串传递到传递给组件视图库的高级版本的Prop中的适当键
WindmillCode Angular库提供了各种组件,每个组件旨在满足您的角度应用中的特定UI要求。以下是可用组件的列表以及简短的描述:
这是我们整个图书馆关注的基础软件包。它的基础是WMluiproperty,这是所有旨在用于所有JavaScript框架的应用程序的非常基本的构建块,而不仅仅是角度。从这里建立了分页,动画,动态组件等的基础。
扩展基于角度开发人员的托管的WML组件。对于在代码库中保持一致性有用。
三个JS相当狡猾,并不是您创建场景所需的所有内容,都可以使用我们的三库库进行这种更改。我们的课程处理数学和物理实现,因此您可以专注于将对象添加和放置在场景中
我们自己的角度示意图根据我们的角度项目模板生成角类
手风琴组件,允许您以可折叠格式显示内容。它对FAQ,列表或任何受益于紧凑型演示的内容很有用。
可自定义的按钮组件,可在您的应用程序中使用,以确保一致性和借助性能。
一种旋转木制组件,可以以滑动或旋转方式显示多个项目,非常适合画廊或展示多种产品。
将输入,属性或动作作为紧凑元素的组件,通常用于标签,联系信息或交互式元素。
一个可能用于表单的字段组件提供了一种标准化的输入数据的方式。
用于处理文件交互的综合组件,包括上传,下载(在积压中)和显示文件信息。
旨在创建一致和功能形式的组件或组件,包括各种形式控件。
无限扩展的下拉组件。非常适合大量导航内容的菜单
表单的多功能输入组件,提供了一种统一的收集用户输入的方式。
专门为移动用户界面设计的导航组件,为较小的屏幕提供了优化的菜单。
通知组件,允许您向用户显示警报,消息或其他重要信息。
提供一组可选选项的组件,可能是更高级的下拉列表或选择组件。
用于提供辅助内容,信息或控件的飞行组件组件,通常用于仪表板或复杂接口的一部分。
自定义加载组件
用于显示弹出内容的组件,例如模式,对话或工具提示。
一个选择的组件,提供了供用户选择的选项列表。
基于jQuery slicebox更多的流动方式来实施轮播
旨在显示表格数据的表组件,其功能包括排序,过滤和分页。
一个用于创建选项卡式接口的组件,允许用户在同一上下文中在不同的视图或内容部分之间切换。
一个切换开关组件,为用户提供了一种直观的方式,可以做出二进制选择,例如启用/禁用设置。
每个组件都是为了满足特定的UI需求而制定的,同时确保一致性并易于集成到您的角度项目中。有关每个组件的更多详细信息,包括用法示例和配置选项,请参阅库的详细文档。
记录了每个组件,并提供有关如何使用它,其输入/输出属性和事件发射器的详细信息。要深入研究特定组件,请参阅其readme.md专用文档部分。
**正在进行的工作**我们欢迎对WindmillCode Angular图书馆的贡献!无论是添加新组件,增强现有组件还是报告错误,您的贡献对我们来说都是有价值的。在提出拉请请求之前,请参考我们的贡献指南。
cd projects/[desired project]
npx ng build --watch # wait for project to appear in dist
cd dist/[desired project]
npm link在消费者中,您需要将路径添加到消费者tsconfig.json中的路径
"[FULL LIBRARY NAME FROM PACKAGE.JSON]" : [
" [PATH TO REPO GENERATED DIST]/[LIBRAY FOLDER NAME] "
],
// EXAMPLE
"@windmillcode/angular-wml-slicebox" : [
" ../../../../windmillcode-Angular-CDK/dist/wml-slicebox "
],WindmillCode Angular库已获得MIT许可。
如果您有任何疑问或反馈,请加入我们的不和谐。我们一直在寻求改善图书馆并帮助开发人员社区。
享受WindmillCode Angular图书馆的建造!