Javascript 从DOM中获取动态ng模型并在函数中使用它

Javascript 从DOM中获取动态ng模型并在函数中使用它,javascript,angularjs,angular-ngmodel,Javascript,Angularjs,Angular Ngmodel,大家好!我试图构建一个动态表单,但我陷入了一个ngModel问题 这个想法是: 我有两个数组:一个是临时显示给用户选择的信息,另一个是实际保存在post上的(我有不同类型的数据,所以我必须这样做) 1-用户使用选择选项。所选选项是列表中的对象。用户点击add链接,然后为他弹出所选选项 2-所选选项具有自定义属性,必须在单击“添加”按钮之前设置该属性。为此,当选择一个选项时,“输入”弹出。基于对象的属性,动态设置该对象的ngModel 3-我需要获取输入数据,并将其保存在列表中选定对象的属性中 4

大家好!我试图构建一个动态表单,但我陷入了一个ngModel问题

这个想法是:

我有两个数组:一个是临时显示给用户选择的信息,另一个是实际保存在post上的(我有不同类型的数据,所以我必须这样做)

1-用户使用
选择选项。所选选项是列表中的
对象
。用户点击
add
链接,然后为他弹出所选选项

2-所选选项具有自定义属性,必须在单击“添加”按钮之前设置该属性。为此,当选择一个选项时,“输入”弹出。基于
对象
的属性,动态设置该对象的ngModel

3-我需要获取输入数据,并将其保存在列表中选定对象的属性中

4-将对象推送到要发布的数组(newData)

我的工作是:列表,动态模型。 我需要的是:要从这个ngModel广告中获取数据,请在我的指令中使用它

代码如下:

html:


可能有助于您真正弄清楚该指令如何适应视图,或者添加此新属性时的具体问题在哪里。通过服务连接popup指令和controller中的数据可能会有帮助,@hadiJZ但我仍然需要访问该ngModel,因为我同时将数据保存在两个数组中。无论如何,感谢您的时间=)@charlietfl在本例中,该指令用于
scope.addItem
函数。我需要将输入的数据保存到我要推送到数组中的对象的属性
details
(示例的if子句)。。。但是我不能把它弄到手work@charlietfl我需要获取插入到此输入中的数据
,并将其分配给
if
子句上推送对象的
详细信息
属性
        <select id="newPrereq" class="form-control" name="newPrereq" ng-model="newPrereq" ng-options="prereq.name group by prereq.cat for prereq in prereqs | orderBy:prereq.name">
            <option value="" hidden>-- Select --</option>
        </select>
        <input type="{{newPrereq.type}}" ng-show="newPrereq.array" ng-model="newPrereq[ngModel]">

        <a ng-click="addItem(newPrereq, selectedPrereqs, 'prereqs')" ng-show="newPrereq !== undefined || ''">add</a>

        <ul class="list-inline">
            <li ng-repeat="prereq in selectedPrereqs"><span>{{prereq.name}} </span> <a ng-click="removeItem($index, selectedPrereqs, 'prereqs')">[X]</a></li>
        </ul>
            scope.prereqs = Lists.prereqs;

            scope.addItem = function(obj, array, group){
                array.push(obj);                                    // Add item to array-to-be-posted

                if(obj.array){
                    scope.newData.prereqs.proficiencies.push({'name': obj.name, 'cat': obj.cat,  'details': [something here to get the ng-model from DOM]})
                };

                scope[group] = scope[group].filter(function(list){  // Remove added item from the <select>
                    return list !== obj;
                });
                scope.newPrereq = undefined;
            };
        'prereqs': [
            {'name':'option 1',         'cat':'category 1', 'type':'text',      'ngModel':'smDetails',  'array':true},
            {'name':'option 2',     'cat':'category 2', 'type':'text',      'ngModel':'srDetails',  'array':true},
        ]