2016-10-16 74 views
0

我是Angular的新手。我已經得到了一個已經呈現並能夠正常工作的Angular js表單(更新等)。我有一個場景,我想要在表單渲染後根據用戶操作填充表單值。因此,如果用戶採取某種行動,則下拉框,複選框,輸入等中的值將以某種方式預設。除了最後一步之外,我可以完成所有工作。從javascript更新角度表格

從javascript,我該如何更新窗體上顯示的數據?

我走得更遠,它們甚至使用

document.getElementById('123').value = 'my new default' 

,雖然是適用於純文本輸入框,它不會改變的事情就像選擇下拉框。他們接受新的價值,但仍顯示空白價值。有沒有簡單的方法來通過Angular框架來做到這一點?

+0

您需要閱讀https://docs.angularjs.org/guide/forms – Microsmsm

回答

0

可以使用angularjs像這樣更新HTML表單上的值:

angular.module('HelloWorldApp', []) 
 
    .controller('HelloWorldController', function($scope) { 
 
     $scope.greeting = "Hello World"; 
 
     $scope.UpdateForm = function(){ 
 
     \t $scope.greeting= "Updated!"; 
 
     } 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<html> 
 
<div ng-app="HelloWorldApp"> 
 
    <div ng-controller="HelloWorldController"> 
 
     <input ng-model="greeting" /> 
 
     <button ng-click="UpdateForm()">Update Form</button> 
 
    </div> 
 
</div> 
 
</html>

要開始使用的角度,我非常喜歡看這部影片

Angular in 50 examples part 1