如何使用AngularJS连接字符串？

在本文中，我们将看到如何在AngularJS中连接字符串。在AngularJS中没有几种连接字符串的方法。在本文中，我们将看到其中两个。

示例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}}'
        
    
   
  

输出：