KnockoutJS - Método unshift ()

Descripción

El KnockoutJS Observable unshift('value') El método inserta un nuevo elemento al principio de la matriz.

Sintaxis

arrayName.unshift('value')

Parámetros

Acepta un parámetro, que es el valor que se va a insertar.

Ejemplo

<!DOCTYPE html>
   <head>
      <title>KnockoutJS ObservableArray unshift method</title>
      <script src = "https://ajax.aspnetcdn.com/ajax/knockout/knockout-3.1.0.js"
         type = "text/javascript"></script>
   </head>

   <body>
      <p>Example to demonstrate unshift() method.</p>
      <p>Enter name: <input data-bind='value: empName' /></p>
      <button data-bind="click: unshiftEmp">Add Emp in Beginning</button><br><br>
      <p>Array of employees: <span data-bind="text: empArray()" ></span></p>

      <script>
         function EmployeeModel() {
            this.empName = ko.observable("");
            this.chosenItem = ko.observableArray("");
            this.empArray = ko.observableArray(['Scott','James','Jordan','Lee',
               'RoseMary','Kathie']);

            this.unshiftEmp = function() {
            
               if (this.empName() != "") {
                  this.empArray.unshift(this.empName());   // insert at the beginning
                  this.empName("");
               }
            }.bind(this);
         }
      
         var em = new EmployeeModel();
         ko.applyBindings(em);
      </script>
      
   </body>
</html>

Salida

Realicemos los siguientes pasos para ver cómo funciona el código anterior:

Guarde el código anterior en array-unshift.htm archivo.
Abra este archivo HTML en un navegador.
Ingrese el nombre como Tom y haga clic en el botón Add Emp in Beginning.

↰ Previous page