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