如何使用 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}}
  
        
    

  

输出：