如何使用 AngularJS 连接字符串？

在本文中，我们将看到如何在 AngularJS 中连接字符串。在 AngularJS 中连接字符串的方法很少。在本文中，我们将看到其中的 2 个。

示例 1：在第一个示例中，我们使用“+”运算符来连接字符串

HTML

 
 
  

    
    
    
        var myApp = angular.module("app", []);
        myApp.controller("controller", function($scope) {
            $scope.str1 = 'This is ';
            $scope.str2 = 'GeeksForGeeks';
            $scope.res = '';
            $scope.join = function() {
                $scope.res = $scope.str1 + $scope.str2;
            };
        });
    

  

      
        GeeksForGeeks  
    
  
    
        How to concat strings in AngularJS
    
  
      
        
            str1 - '{{str1}}'
            
            str2 - '{{str2}}'
            
            
            
            
              
            Result = '{{res}}'
        
    
   
  

输出：

示例 2：在第二个示例中，我们将使用标准concat() 方法进行连接。

HTML

 
 
  

    
    
  
    
        var myApp = angular.module("app", []);
        myApp.controller("controller", function($scope) {
            $scope.str1 = 'This is ';
            $scope.str2 = 'GeeksForGeeks';
            $scope.res = '';
            $scope.join = function() {
                $scope.res = $scope.str1.concat($scope.str2);        
            };
        });
    

  

      
        GeeksForGeeks  
    
     
    
        How to concat strings in AngularJS
    
  
      
        
            str1 - '{{str1}}'
            
            str2 - '{{str2}}'
            
            
            
            
              
            Result = '{{res}}'
        
    
   
  

输出：