$scope变量未重新加载

Question

在控制器中，我有以下代码：

//View
<input type="text" value="{{customer.lastName}}" />
//Controller
$scope.getbycode = function (customerCode) {
    var deferred = $q.defer(),
        getCustomerRequest = {
            code: customerCode
        };
    $http({ method: 'POST', url: 'api/customer/getbycode', data: getCustomerRequest })
        .success(function (data) {
            deferred.resolve(data);
        }).error(function () {
            deferred.reject();
        });
    return deferred.promise;
};
$scope.getbycode($routeParams.customerCode).then(function (data) {
    $scope.customer = data.customer;
});

那是工作，我看到客户的姓氏。

在控制器中，我也有此代码。当我点击超链接时调用此函数

$scope.reload = function (customerCode) {
    $scope.getbycode(customerCode).then(function (data) {
        $scope.customer = data.customer;
        alert($scope.customer.lastName);
    });
};

我更改了输入中的文本，然后单击超链接。调用 WEBAPI，reload函数中返回的数据正确，但视图未更新。

我错过了什么？

Answer 1

value="{{customer.lastName}}"只会

第一次计算表达式，然后用1 customer.lastName值替换，DOM 将如下所示

<input type="text" value="1" />

删除了{{customer.lastName}}值，范围变量的更改将永远不会发生在该输入字段中。

---

您应该使用 ng-model 那里进行双向绑定，一旦更新范围值，它将更新输入和范围值。

<input type="text" ng-model="customer.lastName" />

演示普伦克