¿Cómo concatenar strings usando AngularJS?

En este artículo, veremos cómo concatenar strings en AngularJS. Hay pocas formas de concatenar las strings en AngularJS. En este artículo, veremos 2 de ellos.

Ejemplo 1: en el primer ejemplo, estamos usando el operador ‘+’ para concatenar las strings 

HTML

<!DOCTYPE HTML> 
<html> 
  
<head>
    <script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js">
    </script>
    <script>
        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;
            };
        });
    </script>
</head>
  
<body style = "text-align:center;">
    <h1 style = "color:green;">  
        GeeksForGeeks  
    </h1>
  
    <p>
        How to concat strings in AngularJS
    </p>
  
    <div ng-app = "app">  
        <div ng-controller = "controller">
            str1 - '{{str1}}'
            <br>
            str2 - '{{str2}}'
            <br>
            <br>
            <input type = "button" 
                ng-click = "join()" value = "Click Here">
            <br>
              
            <p>Result = '{{res}}'</p>
        </div>
    </div>
</body>   
  
</html>

Producción:

Ejemplo 2: En el segundo ejemplo, usaremos el método estándar concat() para la concatenación.

HTML

<!DOCTYPE HTML> 
<html> 
  
<head>
    <script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js">
    </script>
  
    <script>
        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);        
            };
        });
    </script>
</head>
  
<body style = "text-align:center;">
    <h1 style = "color:green;">  
        GeeksForGeeks  
    </h1>
     
    <p>
        How to concat strings in AngularJS
    </p>
  
    <div ng-app = "app">  
        <div ng-controller = "controller">
            str1 - '{{str1}}'
            <br>
            str2 - '{{str2}}'
            <br>
            <br>
            <input type = "button" 
                ng-click = "join()" value = "Click Here">
            <br>
              
            <p>Result = '{{res}}'</p>
        </div>
    </div>
</body>   
  
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *