Javascript 角度-使用$index加载产品图像

我的AngularJS应用程序中有以下表单：

<li ng-repeat="device in devices track by $index">
    <div class="db-handset-image">
        <span class="phone-silhouette"></span>
        {{ relative image here }}
    </div>
    <div class="db-device">
        <ul class="opts">
             <li>
                 <select name="manufacturer[ [[$index]] ]" ng-model="selectedManufacturer" ng-change="getManufacturerModels(selectedManufacturer)">
                     <option value="">Manufacturer</option>
                     <option ng-repeat="manufacturer in manufacturers" value="[[manufacturer.id]]">[[manufacturer.name]]</option>
                 </select>
             </li>
             <li>
                 <select name="device[ [[$index]] ]" ng-model="selectedModel" ng-change="loadModelImage(selectedModel, $index)">
                     <option value="">Model</option>
                     <option ng-repeat="model in manufacturerModels" value="[[model.id]]">[[model.model + '&nbsp;' + model.variants[$index].memory + '&nbsp;' + model.variants[$index].colour]]</option>
                 </select>
             </li>
         </ul>
     </div>
</li>

这个问题是，如果我用

当您单击“添加新手机”时，包含下拉列表的行会在视觉上复制，您可以添加并选择其他手机

我希望我的问题解释得足够清楚，任何问题都可以问。
对于第一个问题，我们不知道什么
代码不起作用，或者什么
设备
数组数据是什么样子<代码>模型图像

未显示在html eitherr中使用。这里真的没有足够的信息来帮助你。创建复制问题的演示我无法创建演示，因为数据是使用经过身份验证的API加载的。基本上，我希望图像标记显示该设备的图像

$scope.loadModelImage = function (modelId, $index) {

        $http.get(ajaxurl + '?action=get_handset&hid=' + modelId)
            .success(function (data) {
                $scope.selectedHandsets++;
                $scope.modelImages.splice(0, 0, data.handset.images);
            })

    }