如何使用AngularJS获取表单输入值？

给定一个表单元素，任务是在AngularJS的帮助下获取用户输入的表单值。

方法：

• 用户在Angular.copy(object)方法的帮助下将数据输入到input元素中后，我们会将数据存储在JSON对象中。
• 之后，可以轻松访问JSON对象中的数据。

示例1：在此示例中，数据存储在JSON对象中并从中访问。

HTML

  

    
    
  
    
        var myApp = angular.module("app", []);
        myApp.controller("controller", function ($scope) {
            $scope.userData = '';
            $scope.getData = function (user) {
                $scope.userData = angular.copy(user);
            };
        });
    

  

    
        GeeksForGeeks
    
  
  
    
        How to get form input value in AngularJS
    
  
    
        
            
                firstName: 
                lastName : 
                
                
                    SAVE
                
            
  
            FirstName = {{userData.fName}}
  
  
            lastName = {{userData.lName}}
  
        
    

  

输出：

示例2：在此示例中，数据存储在JSON对象中，并且JSON对象的数据被打印。

的HTML

  

    
    
  
    
        var myApp = angular.module("app", []);
        myApp.controller("controller", function ($scope) {
            $scope.userData = '';
            $scope.getData = function (user) {
                $scope.userData = angular.copy(user);
            };
        });
    

  

    
        GeeksForGeeks
    
  
  
    
        How to get form input 
        value in AngularJS
    
  
    
        
            
                firstName: 
                
                lastName : 
                
                Ph.No.: 
                
                City: 
                
                
                    SAVE
                
            
  
            User Data Json = {{userData | json}}
  
        
    

  

输出：