使用 ng-change 选择会导致所有选择字段自动更改

Question

我知道标题有点混乱，但我已尽力用一句话来描述它。我想在使用 CodeIgniter 构建的选择字段中使用角度 ng-change。这些选择是从数组中生成的。一切都很好，除了当我更改其中一个时，这些选择会自动为所有选择字段选择相同的值。

<?php $i=1; foreach ($data as $d) : ?>
Username: <input type="text" value="<?php echo $d->username ?>" /><br/>
Person: 
  <select ng-model="formData[<?php echo $i ?>].id" ng-change="updateUser()">
    <option value="1">Nina</option>
    <option value="2">Naila</option>
    <option value="3">Noni</option>
  </select><br/>
<?php $i++; endforeach; ?>

因此，例如，当我通过在第一个选择字段中选择 Nina 来更改选择时，所有选择字段都会自动选择选项 Nina。

更新： 在控制器中：

    angular.module('myApp')
.controller('userCtrl', function($scope,$http){

   $scope.formData = {};
   $scope.updateUser = function(){
      for (var i=1; i < $scope.formData.length; i++){
         console.log($scope.formData[i]);
      }
   }

有了这个，当我在控制台中检查它时，我什么也没得到。

我尝试在选择时添加属性name=id[]，但仍然没有运气。请帮忙。谢谢。

Answer 1

我会避免将php 视图与AngularJS 混合在一起，但由于您无法更改这一点，您可以尝试基于模型索引（因为正如我在评论中提到的，这里的问题是使用相同的@ 987654321@ 为所有select elements)。像这样的东西可以工作：

<?php $index = 0; ?>
<?php foreach ($data as $d) : ?>
Username: <input type="text" value="<?php echo $d->username ?>"/><br/>
Person:
<select ng-model="formData[<?php echo $index ?>].id" ng-change="updateUser()">
    <option value="1">Nina</option>
    <option value="2">Naila</option>
    <option value="3">Noni</option>
</select><br/>
<?php $index++; ?>
<?php endforeach; ?>

Answer 2

您的问题是由于您为每个ng-model 使用formData.id。因此ng-model 将更新为“1”（Nina），所有使用formData.id 的选择元素也将更改为“1”（Nina）。

<?php $index = 0; ?>
<?php foreach ($data as $d) : ?>
Username: <input type="text" value="<?php echo $d->username ?>"/><br/>
Person:
<select ng-model="formData[<?php echo $index ?>].id" ng-change="updateUser()">
    <option value="1">Nina</option>
    <option value="2">Naila</option>
    <option value="3">Noni</option>
</select><br/>
<?php $index++; ?>
<?php endforeach; ?>

在您的控制器中，初始化 formData 数组：$scope.formData = []; 然后 formData[0].id 将具有第一个选择的值，formData[1].id 为第二个，依此类推。