angular.js - 用 text.value 更新 `ng-model`

Question

我有一个 javascript 事件要动态更新 input value

var posx = event.target.querySelector('input.posx');
          posx.value = event.dx;

更新 html:

<input type="text" ng-model="posx"  size="30" placeholder="x" class="post">

但不知何故它没有更新 ng-model="post。当我 console.log($scope.posx);，我得到

undefined

这里好像有什么问题

Answer 1

这段代码可以在Javascript上下文中执行，

var e = document.getElementsByClassName('posx')[0];
var scope = angular.element(e).scope();
scope.posx = "updated value";
scope.$digest();

或

var e = document.getElementsByClassName('posx')[0];
angular.element(e).triggerHandler('input');

Answer 2

$scope.posx = event.target.querySelector('input.posx');
          $scope.posx.value = event.dx;

试试 $scope

angular.js - update `ng-model` with text.value