javascript - sintaxis - modulos angularjs

¿Cómo crear filtro en Angularjs?

Question

Tengo esta colección de cursos:

 [{ id: 1, courseId: 2, text: ''John'' },
  { id: 2, courseId: 2, text: ''Willi'' },
  { id: 3, courseId: 2, text: ''Inga'' },
  { id: 4, courseId: 1, text: ''Jerry'' },
  { id: 5, courseId: 1, text: ''Michael'' },
  { id: 1, courseId: 3, text: ''John'' },
  { id: 2, courseId: 3, text: ''Willi'' },
  { id: 3, courseId: 4, text: ''Inga'' },
  { id: 4, courseId: 5, text: ''Jerry'' },
  { id: 5, courseId: 5, text: ''Michael'' }]

Y tengo este conjunto de id:

[{"id": 3},{"id": 2},{"id": 1}] 

Necesito filtrar la matriz de cursos por una matriz de id (es decir, para mostrar solo cursos de texto que tienen courseId = 3,2,1):

ng-repeat="course in courses| customFilter: [{"id": 3},{"id": 2},{"id": 1}]"

Necesito crear un filtro personalizado en angularJS que filtre la matriz de cursos por una matriz de id.

¿Alguna idea de cómo puedo implementar CustomFilter para este propósito?

Answer 1

Puede crear su filter personalizado para que pueda proporcionarle los valores filtrados, el filtro debe tomar una matriz de elemento para ser una matriz de filtros.

Margen

ng-repeat="course in courses| customFilter: [{"id": 3},{"id": 2},{"id": 1}]""

Filtrar

app.filter(''customFilter'', function(){
  return function(array, filterArray){
     var ids = [];
     angular.forEach(filterArray, function(val, index) {
        ids.push(val.id);
     }
     return array.filter(function(value){
        return ids.indexOf(value.id) !== -1;
     });
  }
})

Answer 2

He creado un filtro en el proyecto angularJs.

en mi nombre de aplicación angular es angularApp.

var app = angular.module(''angularApp'', []); // This is your main angular app.

Ahora quiere crear un filtro para decodificar url.

app.filter(''decodeURL'', function() {
    return function(text) {
        if(text) {
            return text.split('' '').join(''-'').toLowerCase().replace(/[^a-z0-9]+/g, ''-'');
        }
    }
});

El código anterior es para crear un filtro para decodificar url. Y mi nombre de filtro es ''decodeURL''. usaremos decodeURL como un filtro en mi código, como si tu URL es-

http://www.example.com/test1 test2 tes3

luego filtra la URL como esta-

http://www.example.com/test1-test2-tes3

Cómo usar este filtro en html-

<a ui-sref="{{business.category[0].categoryName.toLowerCase()}}Detail({id:business.id,title:(business.title | decodeURL)})"></a>

// Lo anterior es para el enrutamiento de estado en angularjs.

<a href="/coupon/{{coupon.id}}/{{coupon.title | decodeURL}}"
                                       class="btn btn-warning show-btnhome show-button-margin">Show</a>

// El código anterior para la redirección de URL.