由ng-model設置的值由javascript

Question

我在使用javascript和angularJS時遇到問題。 我有一個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不能得到這個字段的值，除了我手動鍵入這個字段的值。我應該用javascript寫什麼來設置這個字段的模型值？感謝大家。

Answer 1

當你使用角度，然後設置/更新值，使用角度的方式處理事情。

你想要的是根據某些事件更新輸入字段。

讓我們說這是一個按鈕的點擊事件。

所以，在HTML可以說你有這樣的事情

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

和更新您的控制器，與click事件結合

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

我創建了一個plunker爲您的參考 - http://plnkr.co/edit/F1eXNVKsmYsn5TMQxxH6?p=preview

Answer 2

僅通過在控制器中設置模型將值分配給輸入文本

$scope.newwarehouse = { 
    longtitude: 123 
} 

Answer 3

您需要調用輸入事件，以便角度知道值已更改。

請在這裏查看答案以獲得更多關於如何的信息。 How do I programmatically trigger an 「input」 event without jQuery?

我需要做這樣的事情，因爲我使用的是純JS的庫。