javascript - 通过 javascript 设置 ng-model 的值

Question

我在 AngularJS 中使用 javascript 时遇到问题。我有一个 id="longitude"的文本字段。

<input type="text" data-ng-model="newwarehouse.longtitude" id="longitude"/>

我通过javascript设置了该字段的值。

var longitudeValue = document.getElementById('longitude');
longitudeValue.value = event.latLng.lng();

但是当我处理 Angular JS 的 Controller 时，除非我手动输入该字段的值，否则无法获取该字段的值。我应该在javascript中编写什么来设置该字段的模型值？谢谢大家。

Answer 1

当您使用 Angular 时，要设置/更新值，请使用 Angular 处理方式。

您想要的是根据某些事件更新输入字段。

假设这是一个按钮的点击事件。

所以，在 html 中，假设你有这样的东西

<a href="javascript:void(0);" ng-click="clickme()">Click me</a>

并更新您的 Controller ，使用点击事件绑定(bind)

 $scope.clickme = function() {
     $scope.newwarehouse = {
         longtitude : 'longitute'
     };
  };

我为你创建了一个plunker供你引用 - http://plnkr.co/edit/F1eXNVKsmYsn5TMQxxH6?p=preview