AngularJs | Directiva de lista ng

La directiva ng-list en AngularJS se usa para separar la string de entrada y convertirla en una array de strings usando un separador. De forma predeterminada, la coma se utiliza como separador predeterminado. Pero cualquier separador personalizado se puede usar como valor de la directiva ng-list.

Sintaxis:  

 <element ng-list="delimiter"> Contents... </element> 

El valor de ng-list especifica el separador que se utilizará para separar la string de entrada.
 

Ejemplo: este ejemplo usa la directiva ng-list para convertir la entrada en una array.  

html

<!DOCTYPE html>
<html>
     
<head>
    <title>ng-list Directive</title>
 
    <script src=
"https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
    </script>
</head>
 
<body ng-app="app" style="text-align:center">
     
    <h1 style="color:green">GeeksforGeeks</h1>
     
    <h2>ng-list Directive</h2>
     
    <div ng-controller="geek">
         
<p>Enter Input: <input type="text"
                ng-model="list" ng-list="-">
        </p>
 
        {{list}}
    </div>
     
    <script>
        var app = angular.module("app", []);
        app.controller('geek', ['$scope', function ($scope) {
            $scope.list = [];
        }]);
    </script>
</body>
 
</html>

Producción:  

nglist

Navegador compatible:

  • Google Chrome
  • Borde de Microsoft
  • Firefox
  • Ópera
  • Safari

Publicación traducida automáticamente

Artículo escrito por Vishal Chaudhary 2 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 *