首页 > 解决方案 > Angular.js:输入类未按预期更改/预填充数据

问题描述

我有以下结构:我有一个从 JS 填充的列表(100% 验证列表正在填充并且没有数据丢失)。

在 Angular 的 HTML 中,我使用 ng-repeat 遍历列表:

<div ng-repeat="attr in x.list track by $index">

基本上,该列表由包含 FE 元素数据的 JSON 文件填充。

因此,在 Angular 循环的每次迭代中,我都会检查元素的类型并将其作为输入。

其中一种类型是文本框,它应该预先填充数据。

所以如果类型是文本框,我按照下面的方式填充:

<input ng-if="attr.type=== 'textbox'"
                                    name= etc
                                    class=etc
                                    id=etc
                                    ng-minlength= etc
                                    ng-pattern= etc
                                    ng-maxlength= etc
                                    ng-model= etc
                                    value= etc
                                    ng-init= etc
                                    placeholder= etc
                                    mdn-input= etc
                                    ng-paste= etc
                                    ng-required= etc
                                    ng-disabled= etc

为了进一步解释,循环填充了所有元素。对于用户来说,有一个下拉菜单,一旦他选择了任何东西,前端页面就会相应地加载元素。

问题是:页面加载时,预填充的数据已正确加载。但是,当用户更改下拉菜单中的选项时,预填充的数据有时不会全部加载!因此,例如,只有 4 个文本框中的 2 个被加载。

有任何想法吗?

谢谢你。

标签: javascripthtmlangularjs

解决方案


推荐阅读