AngularJS选择在调用Restful服务和范围对象更新后丢失的值

Question

我有一个使用 ASP.net Web API 后端的 angularjs 前端。我正在为我的选择列表使用以下代码：

<select id="package" class="form-control" ng-options="package as package.Name for package in request.PackageServices.Packages" ng-model="request.Package">
    <option value="">No Package</option>
</select>

选择列表正确填充并按预期输出包。

选择更改后，request.Package 项会正确更新为所选包。

在将请求对象发布到 Web API RESTful 服务后，它正确地包含了正确的包。

在 web api 将 restful 响应发送回客户端时，请求对象包含正确的包。

问题在于调用API服务，API服务响应返回新的请求对象后，选择列表丢失了正确的选择值。

saveRequest 方法如下所示：

$scope.saveRequest = function (request) {

        console.log(request);

        //the request.Package contains the correct Package here!    

        applicantLinkData.create(request)
        .$promise.then(
            function (resp) {
                $scope.request = resp.Request;
                console.log(resp.Request);
                // the resp.Request.Package contains the right package here!
            },
            function (resp) {
                //failure... do something
            }
        );
   };

我不知道如何解决这个问题，但基本上在调用 saveRequest 方法之后，html 中的选择列表会重置回“无包”，而不是保留正确选择的包。

Answer 1

你有两个选择：

• 不要替换整个请求，导致 angular 失去对对象引用的跟踪。您需要逐个字段复制。
• 为您的包裹分配一个 ID，并在您的 ng-options 中使用 track by Id，而不是通过对象引用进行跟踪。 ng-options="package as package.Name for package in request.PackageServices.Packages track by package.Id"