Eclipse Mars中Angular分页指令HTML语法错误排查求助
解决Eclipse Mars中Angular分页指令的HTML语法错误问题
这个问题我之前也碰到过,Eclipse Mars自带的HTML验证器对Angular的自定义指令属性支持不太友好,尤其是那种不需要赋值的指令(比如uib-pagination),它会误判为语法错误。下面给你几个可行的解决办法:
1. 给指令属性加上空值(快速临时解决)
直接在uib-pagination后面加上="",让它符合Eclipse验证器的语法要求,Angular依然能正常识别这个指令:
<div class="imt_paginationCtr"> <ul uib-pagination="" total-items="..." ...></ul> </div>
这种方法最简单,不需要修改Eclipse配置,马上就能消除错误提示。
2. 调整Eclipse的HTML验证规则(长期解决方案)
如果不想修改代码,可以让Eclipse忽略这类自定义属性的语法检查:
- 打开Eclipse的Window > Preferences
- 依次展开Web > HTML Files > Validation
- 在Attributes部分,找到Unknown attribute name选项,把它的严重级别从Error改成Warning或者Ignore
- 点击Apply and Close,然后右键项目选择Validate重新验证
这样Eclipse就不会再对Angular的自定义指令属性报错了,同时还能保留其他有用的HTML语法检查。
3. 更新Eclipse的HTML插件(推荐)
Eclipse Mars是比较老的版本了,对HTML5和前端框架的支持有限。你可以安装最新的**Web Tools Platform (WTP)**插件,或者直接升级到更新的Eclipse版本(比如Eclipse Oxygen及以后),新版本对Angular这类前端框架的属性解析会更智能,能自动识别自定义指令,不会再出现这种误判。
补充说明:
uib-pagination是AngularUI Bootstrap里的分页指令,本身的写法是没问题的,只是旧版本Eclipse的验证器跟不上前端框架的语法而已,所以不用怀疑你的代码逻辑,解决验证器的误判就行。
内容的提问来源于stack exchange,提问作者Pranav MS
相关产品推荐
相关产品推荐

