首页 > 解决方案 > AngularJS 检测 DOM 元素属性的变化

问题描述

在过去的两天里,我一直在为此苦苦挣扎,并且对那里的所有信息和 JS 术语感到非常困惑。

情况如下:我有一个表单,其中元素是有选择地可见的,使用引导程序的选项卡。我只需要验证可见元素。

我的方法:不断获取所有元素(表单的子元素),offsetWidth > 0并将offsetHeight > 0它们存储在一个不断变化的数组中。当需要表单验证时这是不正确的,请参阅编辑! (例如单击提交按钮)我只是分别验证这个数组中的所有元素。目前,我能够在呈现表单时获取所有可见元素,但是当单击新选项卡时,可见元素是不同的,我想visibleElements[]用新内容重新调整数组。查找 HTML DOM 元素的属性和检测更改的方法是offsetWidth什么offsetHeight

我希望我的帖子足够清楚,但是如果您还有其他问题,请随时提问。任何帮助表示赞赏。谢谢!

编辑:没有触发验证表单的事件。表单是live,如果所有字段都有效,则提交按钮ng-disabled="myForm.$invalid"为 false 。我打算用ng-disabled="visibleFieldOne.$invalid || visibleFieldTwo.$invalid....".

标签: javascriptangularjswatchevent-loop

解决方案


推荐阅读