angularjs-filter

问题 I have this collection from DataBase: var items = [{ 'Name':'Michael', 'TypeId':1 } { 'Name':'Max', 'TypeId':1 } { 'Name':'Andre', 'TypeId':1 } { 'Name':'Georg', 'TypeId':2 } { 'Name':'Greg', 'TypeId':3 } { 'Name':'Mitchell', 'TypeId':2 } { 'Name':'Ptro', 'TypeId':1 } { 'Name':'Helga', 'TypeId':1 } { 'Name':'Seruin', 'TypeId':2 } { 'Name':'Ann', 'TypeId':3 } { 'Name':'Marta', 'TypeId':2 }] I need to sort this items by TypeId increasing. Like that: var itemsSorted = [{ 'Name':'Michael',

问题 I have this collection from DataBase: var items = [{ 'Name':'Michael', 'TypeId':1 } { 'Name':'Max', 'TypeId':1 } { 'Name':'Andre', 'TypeId':1 } { 'Name':'Georg', 'TypeId':2 } { 'Name':'Greg', 'TypeId':3 } { 'Name':'Mitchell', 'TypeId':2 } { 'Name':'Ptro', 'TypeId':1 } { 'Name':'Helga', 'TypeId':1 } { 'Name':'Seruin', 'TypeId':2 } { 'Name':'Ann', 'TypeId':3 } { 'Name':'Marta', 'TypeId':2 }] I need to sort this items by TypeId increasing. Like that: var itemsSorted = [{ 'Name':'Michael',

问题 Need to add multiple filter in angular uiselect2. <div class="form-group "> <ui-select id="abc" ng-model="abc" multiple theme="bootstrap" > <ui-select-match placeholder="Select abc..." class="ui-select-match">{{$item.name | capitalize}}</ui-select-match> <ui-select-choices id= "abchoice" class="ui-select-choices" repeat="item in itemDetails| filter: $select.search "> <div id="selected_{{item}}" ng-bind-html="item .name | capitalize | highlight: $select.search" style="padding: 0px; "></div> <

问题 Is there a better way to ignore an timezone in Angularjs: "2014-01-18 14:30:00" Instead Of "2014-01-18 15:30:00" function Scoper($scope) { $scope.datum = "2014-01-18T14:30:00Z"; } <div ng:app ng:controller="Scoper"> DateTime <br /> Angular: {{datum | date:'yyyy-MM-dd HH:mm:ss'}} <br /> </div> http://jsfiddle.net/samibel/2rMXJ/ 回答1: I found this answer: Why does angular date filter adding 2 to hour? Here is an example: Just pipe another filter: app.filter('utc', function(){ return function(val

问题 In this example, I use filter in the ng-repeat, but how do I use it in a variable and ng-if , something like: {{languages.length | filter: {available: true}}} and ng-if="languages.length == 0 | filter: {available: true}" See Fiddle. HTML <div ng-controller="mainController"> <div>There are {{languages.length}} languages in total.</div> <div>??? There are {{languages.length}} languages available.</div> <div ng-if="languages.length == 0">??? Sorry, there are no languages available.</div> <ol>

问题 I have my ng-repeat returning arrays like the ones below: [{"day":"10","title":"day","summary":"summary","description":"ok","_id":"53f25185bffedb83d8348b22"}] [{"day":"3","title":"day","summary":"summary","description":"ok","_id":"53f25185bffedb83d8348b22"}] I'd like to create a filter to combine the arrays into one array so that I can use an orderBy | 'day'. [ {"day":"10","title":"day","summary":"summary","description":"ok","_id":"53f25185bffedb83d8348b22"}, {"day":"3","title":"day","summary

问题 how get number with no fraction in angular in view with filter? i mean like 1.777 i want to output 1 (angular makes that 2) how round float number down! myvalue is 1.777 myvalue| number:0 the output will be 2 how approach to 1? something like parseInt in jquery i need in view???? is there filter in angular that ! 回答1: It should be simply {{ number_expression | number : fractionSize}} Markup <h6>flight duration: {{item.travelTime | number: 0}}</h6></div> Look at Number filter API Update For

问题 How can I be able to start filtering only when the querytext's length is equal to 2? I have this code and I do not know how to start filtering only when querytext.length >=2 <input type="search" ng-model="querytext"> <ul> <li ng-repeat="value in filteredList | filter:querytext>{{value.Name}}</li> </ul> $scope.filteredList =[{Id:1,Name:"Soul"},{Id:2,Name:"Croft"}]; 回答1: Add ng-minlength="2" to <input> element. <input type="search" ng-model="querytext" ng-minlength="2" /> <!-- ^^^^^^^^^^^^^^^^

问题 I have seen this jsfiddle of how to create a nice toggling filter using checkboxes: http://jsfiddle.net/ExpertSystem/wYfs4/3/ Full credit to Stack Overflow user ExpertSystem for this jsfiddle (is there any way to send direct messages to other users? Or tag them in this post?) I would like to know how this code could be edited so that when a checkbox is selected, it removes the relevant items from the display (as opposed to only displaying the relevant items). So at present when you check the

问题 I created an array that has the following format... $scope.myArr = [arg1, arg2]; Now I want to create a custom filter that will take the array as a parameter and compare to another array, for example I want to use it as so... <div class="form-container" ng-repeat="formblock in forms | filter:dateFilter(myArr)"> This way every formblock will be compared to the array, so if formblock.date has either arg1 or arg2 then these will show, otherwise hide everything else. Is this possible? 回答1: Your