2016-10-16 109 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