翻译|其它|编辑:陈津勇|2019-12-31 16:03:45.600|阅读 164 次
概述:Angular HTML模板定义了页面在web应用程序中的布局方式。本文主要介绍了MyEclipse、CodeMix中Angular HTML模板支持的功能。
# 周年庆正版采购有优惠,点击咨询 # # 31款JAVA开发必备控件和工具 #
Angular HTML模板定义了页面在web应用程序中的布局方式,HTML模板开发对任何应用程序都至关重要。在CodeMix或MyEclipse中使用Angular HTML模板的支持可实现以下效果:
本文详细介绍Angular HTML模板可提供的功能。
搭建基础
Angular HTML模板提供了一种结构化的方式,可将Angular组件公开的数据绑定到最终用户。例如,本示例显示了使用特定控件制作下拉日历。与其他任何输入表单控件一样,它可以呈现UI并提供支持逻辑。
<dd-calendar dd-height=”400px” dd-width=”600px” [dataset]=”calData.EVENTS” (selection)=”onSelection($event)”> </dd-calendar>在本例中calData是在当前组件上定义的,并将事件数据传递到dd-calendar小部件中。Angular HTML模板中有多种不同的结构,但最常见的是输入和输出:
<h1>{{title}}</h1> <h2>{{subtitle}}</h2>
在这个示例中,标题和副标题的值来自Angular组件。因为这些值是绑定的,所以更新组件内部的标题将立即更新UI中的值。
Angular模板的自动验证
当使用Angular HTML模板时,Angular IDE将在开发过程中提供对模板的自动验证。保存后,Angular IDE会确认模板的语法和语义完整性,并在编辑器中显示检测到的所有文件。此外,Angular IDE将对项目中的所有文件提供此验证,以帮助检测尚未在编辑器或运行时看到的问题。
验证有多种类型,但分为两大类。语法和语义验证如下所述。验证是在嵌入式模板和外部模板上执行的。
语法验证
语法验证的核心职责是检查正在开发的模板的完整性。Angular IDE将检测缺少的结构元素,例如缺少的</div>标记,并验证自定义<app-style元素具有预期的输入或输出字段。语法验证甚至可以确认指令为Angular启用的扩展结构提供了必要的自定义标签。
开发Angular HTML模板时最常见的错误包括暴露和使用的字段之间的不一致,以及表达式中的错别字。通过针对相应的TypeScript类验证表达式和代码结构,语义验证有助于快速检测这些问题。
经过语义验证的完整代码块列表包括:
2、组件存在于多个模块中或不存在于任何模块中
@Component声明的语义验证不仅有助于确保正在开发的模板定义良好,还有助于确保相应的TypeScript组件在运行时正确使用模板。
Angular HTML模板的代码补全功能
除验证外,Angular IDE还在Angular HTML模板中包含了代码补全功能。
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,尊重他人劳动成果
文章转载自:Genuitec好文不易,鼓励一下吧!
请放心购买和使用DevExpress正版授权,慧都所售产品均为厂商授权的正版产品,请完全放心!
本文要向您介绍业务报表新的打开方式。您或许从未使用过它,但要做数据可视化的话,相信我,Qlik瀑布图将会是您的首选。
SmartBear是业界影响最大的工具背后的创新者,用于构建、测试和监控出色的软件。SmartBear公司致力于开发测试和性能工具十几年,已经发展成为一个在全球拥有多个办事处的盈利企业。全世界超过2百万的开发人员,测试人员,运作团队在使用SmartBear产品来开发最好的应用程序。本文收集了 SmartBear 用户常见问答,希望能为你解惑。
微信扫码登录
福利更多、资源更多
官方微信
官方微博
重庆慧都科技有限公司 版权所有 Copyright 2003-2021 渝ICP备12000582号-13 渝公网安备 50010702500608号