javascript - ng-model 不与文本字段绑定(bind)

Question

考虑以下 JS

angular.module('myApp')
    .controller('HeaderCtrl', function($scope) {
        $scope.searchBooking = "test";

        $scope.goToBooking = function() {
            console.log($scope.searchBooking);
            //$location.path('/bookings/' + $scope.searchBooking);
            //delete($scope.searchBooking);
        }

        $scope.printValue = function() {
            console.log($scope.searchBooking);
        }
    }
);

以及以下 HTML

<div class="input-group custom-search-form">
    <input type="text" class="form-control" placeholder="Testing" ng-model="searchBooking" ng-change="printValue()">
    <span class="input-group-btn">
        <button class="btn btn-default" type="button">
            <i class="fa fa-search"></i>
        </button>
    </span>
</div>

我的问题是，当页面加载时，“测试”被写入文本字段，但是当我更改字段或按下按钮时，没有任何反应(每次更改或单击按钮时控制台都会显示“测试”。任何人都知道我做错了什么？

Answer 1

尝试将值包装在对象中。对象通过引用传递，但简单值作为该值的副本传递。我也遇到过好几次了。

尝试这个方法

$scope.myObject.searchBooking = "test"

所以完整的代码将如下所示

angular.module('myApp')
.controller('HeaderCtrl', function($scope) {
    $scope.myObject.searchBooking = "test";

    $scope.goToBooking = function() {
        console.log($scope.myObject.searchBooking);
        //$location.path('/bookings/' + $scope.myObject.searchBooking);
        //delete($scope.myObject.searchBooking);
    }

    $scope.printValue = function() {
        console.log($scope.myObject.searchBooking);
    }
}
);

和 html

<input type="text" class="form-control" placeholder="Testing" ng-model="myObject.searchBooking" ng-change="printValue()">