在子使用过滤器Angularjs？ [英] Substring in Angularjs using filters?

问题描述

我有以下数组我想用Angularjs一些过滤器的DOM操纵

I am having the following array that i want to manipulate in DOM using Angularjs with some filters

$scope.urls = [{
    path: 'http://a.com/index'        
    }, {
     path: 'http://a.com/home'        
    }, {
    path: 'http://a.com/etc'        
    }, {
    path: 'http://a.com/all'        
   }];

我曾试图使用过滤器串的路径，但它不工作。

I had tried to substring the path using filters but it is not working.

小提琴演示

任何帮助是很大的。

推荐答案

试试这个：

HTML

<div ng-controller = "fessCntrl"> 
  <h1>Only path without domain name:</h1>
        <ul>
            <li ng-repeat="url in urls | myCustomFilter">{{url.path}}</li>
        </ul>
</div>

JS

var fessmodule = angular.module('myModule', []);

fessmodule.controller('fessCntrl', function ($scope) {
     $scope.urls = [{
        path: 'http://a.com/index'        
    }, {
         path: 'http://a.com/home'        
    }, {
        path: 'http://a.com/etc'        
    }, {
        path: 'http://a.com/all'        
    }];

    $scope.otherCondition = true;
});
fessmodule.$inject = ['$scope'];

 fessmodule.filter('myCustomFilter', function() {
   return function( urls) {
    var filtered = [];

    angular.forEach(urls, function(url) {
        filtered.push( {path:url.path.substring("http://a.com".length, url.path.length)});
    });

    return filtered;
  };
});

演示<大骨节病> 小提琴

的作为一个方面说明：的

试着写过滤掉控制器。

Try to write filters out of controller.

这篇关于在子使用过滤器Angularjs？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！