AngularJS ng-repeat 通过不选择初始值来跟踪

Question

对于 Angular 来说还是个新手，所以请多多包涵。我有一个使用 ng-repeat 生成的单选按钮列表。我将所选对象存储在同一控制器上的单独变量中。

所选对象正在设置为列表中对象之一的不同实例。我认为由于 ID 相同，使用“track by”表达式会在列表中选择正确的项目，但事实并非如此。 如果我选择一个单选按钮，它将按预期更新所选变量。

我做错了吗？这是一个糟糕的模式吗？

<form name="myForm" ng-controller="MyCtrl">
  <label ng-repeat="person in people track by person.id">
      <input type="radio" ng-model="$parent.selected" ng-value="person" />
      {{person.name}}
  </label>
</form>

这是我的控制器：

angular.module('ngAppDemo', []).controller('MyCtrl', MyCtrl)

function MyCtrl($scope) {
    $scope.selected = { id: 2, name: "Paul" };
    $scope.people = [
        { id: 1, name: "John" }, 
        { id: 2, name: "Paul" }, 
        { id: 3, name: "George" }, 
        { id: 4, name: "Frank" }
    ];
}

这是我的Plunker

更新：
我认识到如果我使用来自同一个集合的对象，它将起作用。但是，这不是我目前的设置方式。我用于“选定”的实例来自不同的函数，因此并非来自给定的列表。

Answer 1

现在它已经修复了：

http://plnkr.co/edit/LWXe4dFzfdqTOZXmatpQ?p=preview

您只需要确保选定的点指向列表中的某个内容。它不按值进行比较，而是按引用进行比较。

function MyCtrl($scope) {
$scope.people = [
    { id: 1, name: "John" }, 
    { id: 2, name: "Paul" }, 
    { id: 3, name: "George" }, 
    { id: 4, name: "Frank" }
];
$scope.selected = $scope.people[1];
}

更新 您所要做的只是自己编写匹配例程以匹配 ID 上的任何其他生成它自己的对象的函数，并在 $scope.people 列表中找到相同的对象。例如：

function findSelectedPerson( selected ) {
    for( var i = 0; i < $scope.people.length; i++ ) {
        if( $scope.people[i].id == selected.id ) return $scope.people[i];
    }
    return null;
}

这样就解决了。

Answer 2

提示

$scope.selected = { id: 2, name: "Paul" };
$scope.people = [
    { id: 1, name: "John" }, 
    { id: 2, name: "Paul" }, 
    { id: 3, name: "George" }, 
    { id: 4, name: "Frank" }
];

console.log($scope.selected == $scope.people[1]) // false

$scope.selected 与 $scope.people 中的任何内容都不匹配