Columna vertebral.colección JS.Método de arrancamiento
En esta columna vertebral.JS Framework Tutorial, discutiremos el método Pluck () en la clase de recopilación.
Introducción
Columna vertebral.JS es un marco que se utiliza para crear aplicaciones web que sigan el estilo de JavaScript.
Admite modelos, eventos, colecciones, vistas y servicios públicos.
Usando cualquiera de las funcionalidades anteriores, podemos crear y realizar diferentes operaciones en los datos dados en una aplicación web.
Puntos para recordar
- Se usa con JavaScript.
- Podemos implementar el marco dentro de la etiqueta.
- Este marco admite métodos y funciones de JavaScript como salida y entrada de lectura.
- La etiqueta se coloca dentro de la etiqueta o en la etiqueta.
- Es importante tener enlaces de red de entrega de contenido (CDN) para ejecutar la aplicación web en el servidor.
Veamos la estructura para colocar el código
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
Los enlaces CDN se colocan con el atributo SRC de la etiqueta de script.
Enlaces CDN
| 1 2 3 |
El método de pluck () en la columna vertebral.colección JS utilizada para devolver el atributo de la instancia del modelo dada en una colección.
Sintaxis:
| 1 | colección_object.Applio (atributo) |
Se necesita un parámetro.
El parámetro de atributo es la propiedad del modelo.
Acercarse
1. Cree un modelo de columna vertebral utilizando el método Extend ().
Sintaxis:
| 1 | var modelclass = backbone.Modelo.extender(); |
2. Cree una colección de columna vertebral utilizando el método Extend () y pase la clase de modelo.
Sintaxis:
| 1 2 3 4 5 | Var CollectionClass = Backbone.Recopilación.extender( Modelo: ModelClass ); |
3. Crear un objeto o instancia para la clase de recopilación.
Sintaxis:
| 1 | var colección_instance = new CollectionClass (); |
4. Explore el método de pluck () en la columna vertebral.colección JS.
Discutamos varios ejemplos de la columna vertebral.Método JS Collection Pluck ().
Ejemplo 1: Atributo de retorno utilizando el método Pluck ()
En este ejemplo, crearemos una clase modal llamada: flores y crearemos una clase de recolección de flores. Pasaremos nuestra clase modelo (flores) dentro de ella.
Después de eso, tenemos que crear cinco instancias para el modelo de flores con tres atributos (Flower_Name, Flower_Sepals, Flower_Petals).
Crearemos una flores_collection que es una instancia de la colección de recolección de flores. Y agregaremos las instancias del modelo de flores al método de colección utilizando el método add ().
Ahora, obtendremos todos los atributos usando Pluck () en una colección.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 dieciséis 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 | Pista de Linux |
Producción:
Ejecute la aplicación en su navegador guardando el código en el archivo con .html como extensión.
Aquí, devolvimos todos los atributos utilizando el método Pluck ().
Ejemplo 2: Atributo de retorno utilizando el método Pluck ()
En este ejemplo, crearemos una clase modal llamada: flores y crearemos una clase de recolección de flores. Pasaremos nuestra clase modelo (flores) dentro de ella.
Después de eso, tenemos que crear una instancia para el modelo de flores con tres atributos (Flower_Name, Flower_Sepals, Flower_Petals).
Crearemos una Flower_Collection, que es una instancia de la colección de recolección de flores. Y agregaremos la instancia del modelo de flores a la instancia de colección utilizando el método add ().
Ahora, obtendremos todos los atributos usando el método Pluck () en una colección.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 dieciséis 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 | Pista de Linux |
Producción:
Ejecute la aplicación en su navegador guardando el código en el archivo con .html como extensión.
Aquí, devolvimos todos los atributos utilizando el método Pluck ().
Conclusión
En esta columna vertebral.JS Tutorial, discutimos el método Pluck () en una colección. Se usa para seleccionar los atributos. Si hay múltiples instancias de modelo en una colección, entonces serán separados por una coma.