AngularJS NOT Filter <select ng-model=”test” ng-options=”c as c.label group by c.type for c in columns | filter:{ type : ‘!field’ } | filter:{ type : ‘!map’ }”> </select> Fiddle From the docs: “…The predicate can be negated by prefixing the string with !.” “A pattern object can be used to filter specific properties on objects … Read more
I know this is an old question, but the accepted answer is only answering why this happens, without a concrete solution to the problem. I think the “most correct way” of doing this, is to use a decorator like so: angular .module(‘app’) .config([‘$provide’, function($provide) { $provide.decorator(‘$locale’, [‘$delegate’, function($delegate) { if($delegate.id == ‘en-us’) { $delegate.NUMBER_FORMATS.PATTERNS[1].negPre=”-\u00A4″; $delegate.NUMBER_FORMATS.PATTERNS[1].negSuf=””; … Read more
orderBy can take an array of multiple parameters to order by. So you can do: c as c.label group by c.group for c in data | orderBy:[‘group’,’label’] Here is a fiddle
You are allowed to create new scope members inside the expressions. This lets you assign a filtered list to a new variable, which can be used throughout the local scope. With that, you can pass the length of the filtered list to ng-show: <body ng-app> <div ng-controller=”Ctrl”> <div class=”daily” ng-repeat=”daily in dailies | orderBy:’-date’ ” … Read more
$scope.teams isn’t an array (it’s an object of objects), and the orderBy filter only works with arrays. If you make $scope.teams an array, it will work: $scope.teams = [ { id: 100, name: “team1”, count_win: 3, count_loose: 2, goal_average: 2, }, { id: 200, name: “team2”, count_win: 3, count_loose: 2, goal_average: 1, }, { id: … Read more
The main problem with the filter approach is that upon each change the dom is manipulated, so it’s not the filter that’s slow but the consequences. An alternative is to use something like: ng-show=”([item] | filter:searchFilter).length > 0″ on the repeated element. Lending some code from @OverZealous, you can use the following to compare the … Read more
filter by obj expression: <h3>Unregistered Users</h3> <div ng-repeat=”user in users | filter:{registered:false}”> <div class=”row-fluid”> <div class=”span2″> {{user.name}} </div> </div> </div> JSFiddle: http://jsfiddle.net/alfrescian/9ytDN/
Update: as of version 1.3.0 – currencyFilter: add fractionSize as optional parameter, see commit and updated plunker {{10 | currency:undefined:0}} Note that it’s the second parameter so you need to pass in undefined to use the current locale currency symbol Update: Take note that this only works for currency symbols that are displayed before the … Read more
Best way to do this is to use a function: <div ng-repeat=”product in products | filter: myFilter”> $scope.myFilter = function (item) { return item === ‘red’ || item === ‘blue’; }; Alternatively, you can use ngHide or ngShow to dynamically show and hide elements based on a certain criteria.
Inject $filter and then call it with $filter(‘filterName’)(input, options); So to test the equivalent of this template {{ foo | testFilter:capitalize }} describe(‘The test filter’, function () { ‘use strict’; var $filter; beforeEach(function () { module(‘myTestFilterModule’); inject(function (_$filter_) { $filter = _$filter_; }); }); it(‘should capitalize a string’, function () { // Arrange. var foo … Read more