AngularJS-异步调用后模型未更新

Question

我想知道是否有人可以帮助我？ 我对angular还是很陌生，并遇到一个问题，即我的选择控件最初没有选择正确的值，而是在后续更改时进行更新。

我的HTML如下：

<select class="form-control" ng-model="job.SalutationId" ng-init="job.SalutationId=0">
    <option value="0">Salutation</option>
    <option ng-repeat="salutation in lookups.salutations" value="{{salutation.Id}}">{{salutation.Name}}</option>
</select>

我正在通过WebApi加载一个对象，该对象表示一个工作和当前的查找值-目前尚不在服务中，因为它目前正在进行所有测试，但js看起来像：

function loadJob() {
    $http({ method: 'GET', url: url + 'jobs/2' }).
        then(function (response) {
            $scope.lookups.salutations = response.data.Salutations;
            $scope.job = response.data.Job;  
        }, function (response) {
            displayJobErrorMessage(response.data || "Request failed");
        });
}

HTML控件使用查找job.SalutationId的值填充job.SalutationId设置为一个（我通过将值输出到另一个控件来对此进行验证），但是直到我在另一个控件中更改模型值之前，它不会自动选择MR。

我想发生的是它会自动选择MR，因为这是工作本身的价值。

谁能发现我哪里出问题了？ 我也尝试使用$scope.$apply手动更新范围，以查看它是否有影响但无济于事。

提前致谢。

卡尔

Answer 1

确实有点男生错误。

AngularJS在javascript中使用===运算符来检查值和类型，并且选择控件基于字符串，因此它不喜欢我的范围使用整数值。

要解决该问题，我只需将查找ID转换为作用域上的字符串值。

这不会在API方面引起问题，因为它将自动将字符串解析为整数。