1

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

//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函数返回的数据正确但视图没有更新。

我错过了什么？

4

1 回答 1

0

value="{{customer.lastName}}"只会第一次评估表达式，然后用customer.lastName值替换1，DOM 将如下所示

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

摆脱了{{customer.lastName}}价值，范围变量的变化将永远不会发生在该输入字段上。

您应该ng-model在那里使用两种方式绑定，一旦您更新范围值，它将更新输入和范围值。

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

演示 Plunkr

于 2016-03-16T19:14:58.600 回答