我有以下数组,我想使用 Angularjs 和一些过滤器在 DOM 中操作
$scope.urls = [{
path: 'http://a.com/index'
}, {
path: 'http://a.com/home'
}, {
path: 'http://a.com/etc'
}, {
path: 'http://a.com/all'
}];
我曾尝试使用过滤器对路径进行子字符串化,但它不起作用。
任何帮助都很棒。
最佳答案
试试这个:
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;
};
});
演示 Fiddle
作为旁注:
尝试在 Controller 之外编写过滤器。
关于javascript - Angularjs 中的子字符串使用过滤器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20394181/