Latest web development tutorials

filtro AngularJS

Los filtros se pueden utilizar un carácter de barra vertical (|) para añadir a las expresiones e instrucciones.

filtro AngularJS

AngularJS filtro se puede utilizar para convertir los datos:

filtro descripción
moneda Formato de números formato de moneda.
filtro La selección de un subconjunto de elementos de la matriz.
minúsculas Cadena de formato a minúsculas.
orderBy disposición de matriz de acuerdo con una expresión.
mayúscula Formato de cadena a mayúsculas.

Añadir expresiones de filtro

Filtrar con un carácter de barra vertical (|), y se añade un filtro a la expresión. .

((Dos ejemplos a continuación, vamos a utilizar la sección anterior mencionó controladores persona))

cadena de filtro mayúscula con formato de mayúsculas:

AngularJS ejemplos

<Div ng-app = "myApp " ng-controller = "personCtrl">

<P> nombre es {{lastName | mayúsculas}} < / p>

</ Div>

Trate »

filtro de minúsculas a formato de cadenas en minúsculas:

AngularJS ejemplos

<Div ng-app = "myApp " ng-controller = "personCtrl">

<P> nombre es {{lastName | minúsculas}} < / p>

</ Div>

Trate »

filtro de la moneda

Filtro digital de la moneda se indicará como formato de moneda:

AngularJS ejemplos

<Div ng-app = "myApp " ng-controller = "costCtrl">

<Input type = "número" ng -model = "cantidad">
<Input type = "número" ng -model = "precio">

<P> precio total = {{(cantidad * precio) | divisa}} </ p>

</ Div>

Trate »

Agregar filtros para hacer la instrucción

Filtrar con un carácter de barra vertical (|), y se añade un filtro para la directiva.

orderBy arreglo arsenal filtro de acuerdo con la expresión:

AngularJS ejemplos

<Div ng-app = "myApp " ng-controller = "namesCtrl">

<Ul>
<Li ng-repeat = "x en los nombres | orderBy: 'país'">
{{X.name + ',' + x.country}}
</ Li>
</ Ul>

<Div>

Trate »

filtro de entrada

Filtro de entrada a través de una barra vertical (|), y un filtro se añade a la Directiva, el filtro seguido de dos puntos y un nombre de modelo.

filtro filtros seleccionar un subconjunto de la matriz:

AngularJS ejemplos

<Div ng-app = "myApp " ng-controller = "namesCtrl">

<P> <input type = " text" ng-modelo = "prueba"> </ p>

<Ul>
<Li ng-repeat = "x en los nombres | Filtro: Prueba | orderBy: 'país'">
{{(X.name | mayúsculas) + "," + x.country}}
</ Li>
</ Ul>

</ Div>

Trate »