Dada una string y la tarea es hacer una porción de la string dada usando AngularJS.
Enfoque 1 Usando el método slice(): El enfoque es usar el método slice() que acepta 2 parámetros de inicio y fin. En el primer ejemplo, solo se usa 1 parámetro y en el segundo ejemplo se usan 2 parámetros.
Ejemplo 1:
<!DOCTYPE HTML>
<html>
<head>
<script src="//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.str = "This is GeeksForGeeks";
$scope.res = '';
$scope.sliceStr = function () {
$scope.res = $scope.str.slice(8);
}
});
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p>
How to slice a string in AngularJS
</p>
<div ng-app="app">
<div ng-controller="controller">
String - '{{str}}'<br><br>
<button type="button" ng-click="sliceStr()">
Click Me
</button>
<p>Result = '{{res}}'</p>
</div>
</div>
</body>
</html>
Producción:
Ejemplo 2:
<!DOCTYPE HTML>
<html>
<head>
<script src=
"//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.str = "A Computer Science portal";
$scope.res = '';
$scope.sliceStr = function () {
$scope.res = $scope.str.slice(2, 18);
}
});
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p>
How to slice a string in AngularJS
</p>
<div ng-app="app">
<div ng-controller="controller">
String - '{{str}}'<br><br>
<button type="button" ng-click="sliceStr()">
Click Me
</button>
<p>Result = '{{res}}'</p>
</div>
</div>
</body>
</html>
Producción:
Enfoque 2 Usando el método substr(): El enfoque es usar el método substr(). Toma 2 parámetros, uno es el inicio y otro es la longitud ( opcional ). En el primer ejemplo solo se utiliza un parámetro. Y en el segundo ejemplo se utilizan ambos parámetros.
Ejemplo 1:
<!DOCTYPE HTML>
<html>
<head>
<script src=
"//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.str = "This is GeeksForGeeks";
$scope.res = '';
$scope.subStr = function () {
$scope.res = $scope.str.substr(8);
}
});
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p>
How to slice a string
using substr() method in AngularJS
</p>
<div ng-app="app">
<div ng-controller="controller">
String - '{{str}}'<br><br>
<button type="button" ng-click="subStr()">
Click Me
</button>
<p>Result = '{{res}}'</p>
</div>
</div>
</body>
</html>
Producción:
Ejemplo 2:
<!DOCTYPE HTML>
<html>
<head>
<script src=
"//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.str = "A Computer Science portal";
$scope.res = '';
$scope.subStr = function () {
$scope.res = $scope.str.substr(2, 16);
}
});
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p>
How to slice a string using
substr() method in AngularJS
</p>
<div ng-app="app">
<div ng-controller="controller">
String - '{{str}}'<br><br>
<button type="button" ng-click="subStr()">
Click Me
</button>
<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