嵌套ng-repeat绑定到模型问题的angularjs ng-option

时间:2017-09-15 10:31:15

标签: javascript angularjs angularjs-scope

我有这个问题,我的选择模型绑定到两个或更多选择,具体取决于父数组的长度。 让你明白这是我的jsonArray

<table ng-if="item.subSpecialties.length>0" class="table table-bordered">
                            <thead>
                            <tr>
                                <th colspan="100" class="text-center">{{item.facultyName}}</th>
                            </tr>
                            <tr>
                                <th>
                                    {{item.subSpecialties.length>1?'Sub Specialties':'Sub Specialty'}}
                                </th>
                                <th></th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody>
                                <tr>{{item.subSpecialties|json}}</tr>
                            <tr ng-repeat="x in item.subSpecialties track by x.subSpecialtyId">
                                <td>{{$index+1}}</td>
                                <td>{{x.subSpecialtyName}}</td>
                                <td>
                                    <table class="table">
                                        <thead>
                                        <tr>
                                            <th>Exam</th>
                                            <th>Status</th>
                                            <th></th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        <tr ng-repeat="exam in x.exams">
                                            <td>{{exam.name}}</td>
                                            <td>
                                                <select class="form-control" dynamic-validation="{required:true}"  ng-model="exam.accreditationStatusId" ng-options="option.id as option.name for option in exam.statuses">
                                                    <option value="">--Select--</option>
                                                </select>
                                            </td>
                                            <td>{{$parent.$index}} - {{$index}}</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </td>
                            </tr>
                            </tbody>
                        </table>

这是我的html片段,用于尝试将json绑定到

 <select class="form-control" dynamic-validation="{required:true}"  ng-model="item.subSpecialties[$parent.$index].selection[exam.id].accreditationStatusId" ng-options="option.id as option.name for option in statuses">

我的问题可以在下面这张照片中找到 Issue picture 在子专业1中选择考试1的第一个选项时,还选择了考试1选项2的选项,我使用选择右侧的索引来跟踪选择数组,但模型仅绑定到最后一个索引,不考虑父指数

我还试图像这样

设置基于父索引的模型
{{1}}

- 选择类别    但是模型形式的对象不容易被解析。 感谢您的回复

更新 在我做了plunker并且我发现它正在工作然后我花时间检查我的浏览器的元素我发现了以下区别 Project rendering of the select option

和plunker渲染 enter image description here

请注意,我在项目和plunker中使用了相同版本的角度...... 我想知道的是我如何转换项目中的索引..虽然我使用的是Typescript ...

0 个答案:

没有答案