Outro recurso do AngularJS é que ele fornece filtros que podem operar os resultados dos dados, operando o pipeline no UNIX.
Ao usar pipelines, a exibição de visualizações na ligação de dados bidirecional pode ser facilitada.
Durante o processamento, o filtro transforma os dados em um novo formato e pode usar o estilo de corrente dos pipelines e aceitar parâmetros adicionais.
Método de implementação
Vamos dar uma olhada em como definir e declarar um filtro. Primeiro, ainda precisamos criar nosso próprio módulo MyAppmodule
var myAppmodule = agular.module ("myApp", []);
Em seguida, com base no módulo, crie um filtro:
myAppmodule.filter ("reverso", function () {
});
Onde o reverso é o nome do filtro, seguido pela declaração do método do filtro, e outro método é retornado no método:
myAppmodule.Filter ("reverse", function () {Return function (entrada, uppercase) {var out = ""; para (var i = 0; i <input.length; i ++) {out = input.Charat (i)+out;} if (uppercase) {out =} {);O método de retorno interno contém dois parâmetros, um é o valor de entrada, que é o valor aceito pelo nosso filtro.
Se você deseja implementar o seguinte filtro:
nome | reverter
Em seguida, a entrada é o valor representado pelo nome.
Os seguintes parâmetros são opcionais. Aceitamos aqui o valor BOOL da mancha e determinamos se a conversão de casos deve.
Não há necessidade de explicar o código interno. Por fim, retorne a sequência filtrada.
Amostra de programa
<! doctype html> <html ng-app = "myApp"> <head> <meta http-equiv = "content-type" content = "text /html; charset = utf-8" /> <script src = "http://apps.bdimg.com/libs/angular.js/1.2.16/angular.min.js"> </sCript> </ad Head> <body> <div ng-CONTROLLER = "myAppctrl"> name: {{name}} <br> names: {{{name {name}} <br> reverse}} <br> Nome reverso e manchado: {{name | reverso: true}} </div> <script type = "text/javascript"> var myAppmodule = angular.module ("myApp", []); myAppmodule.Controller ("MyAppCtrl", ["$ scope", function ($ scope) {$ scope.name = "xingoo";}]); myAppmodule.Filter ("reverse", function () {Return function (entrada, uppercase) {var out = ""; para (var i = 0; i <input.length; i ++) {out = input.Charat (i)+out;} if (uppercase) {out =} {); </script> </body> </html>Resultados de execução
O exposto acima é uma coleção de informações sobre filtros personalizados do AngularJS. Continuaremos a adicionar informações relevantes no futuro. Obrigado pelo seu apoio a este site!