angularjs-ng-repeat

问题 I have a simple ng-repeat that displays a list of values (financial income). How can i calculate the average from this list? <div ng-repeat="data in MyData"> {{ data.income }} </div> <div> Average: </div> Which displays: 11 14 8 9 21 10 2 1 5 13 Thanks 回答1: In HTML Average: {{calculateAverage(MyData)}} Code $scope.calculateAverage = function(MyData){ var sum = 0; for(var i = 0; i < MyData.length; i++){ sum += parseInt(MyData[i], 10); //don't forget to add the base } var avg = sum/MyData

问题 I am new to angularJs and trying to implement Listview in it. i am getting a json response after hitting an Api . In that Json i am recieving an array in which i am getting a string of graphdata value.What i am trying is to show that data in every listitem as per the position . I tried a lot and even try to do this through for loop..but i am always getting last value of graphdata that means i am getting last dygraph in every list item. Can any body tell me where i am going worng in code. Here

问题 I am trying to get normalized value of one array associated to different groups. http://jsfiddle.net/k5Dvj/5/ I don't want to add something new into the original array items, so I am returning new objects for normalized items for each group. $scope.nomalizedItems = function (groupid) { var groupItems = $scope.originalItems.filter(function (item) { return item.groupid == groupid }); var values = groupItems.map(function (item) { return item.value; }); var maxValue = Math.max.apply(null, values)

问题 I have an ng-repeat with a filter. When some items are filtered out by the filter and then they are restored after another filter change there are new DOM elements created for these items. If there was any DOM manipulation on the item it gets lost after item is hidden and restored with filter. Is there a way to keep the DOM elements, even when item is removed by filter? I tried using track by , but it doesn't help. Here is a fiddle that recreates the problem. Steps to recreate: Click the

问题 I'm figuring out how can I save the values that are entered in the input text box inside ng-repeat on a single click of a button.I have seen examples like this getting values from text box that lets user to save each text box individually. Below is a sample code: $scope.items=[1,2,3,4] <div ng-repeat="item in items"> <input type="text" ng-model=item.id> </div> <button type="button" ng-click="saveAllValues()">Save</button> 回答1: You just bind the ng-model to another object and use $index to

问题 I am working on a project using Angular4 to get data from an API and using*ngFor to render a data table. Because I still have more aips with same structure, I want to use (key, value) pair to display them. In AngularJS, I have correctly rendered the table like this: <!--This is Good in AngularJS--> <table> <thead> <tr> <th ng-repeat="(key, value) in data.items[0]"> {{key}} </th> </tr> </thead> <tbody> <tr ng-repeat ="data in data.items > <td ng-repeat="(key,value) in data">{{ value }}</td> <

问题 I have an array of objects in a service that I want to display in a view like this <li ng-repeat="item in filteredItems = (resource.items | filter:multipleFilters..."> <span class="title">{{item.escaped_name}}</span> </li> I want these objects to be selectable which is the easy part. Then I'd need to get the count of the selected items and be able to iterate over all of them to process/change data. What is the best method to save and access the selected items? Note that the selected items

问题 I got a ng-repeat with thousands of item in it, so I decided to tryout bindonce to reduce the number of watches. But I couldn't figure out how to use it properly. So now I got the following code: <div ng-repeat="card in cards"> <div class="item-box" draggable="{{card.category}}" itemId="{{card._id}}"> <img ng-src="{{card.image}}" width="100%" height="100%"> </div> </div> As I read in the bindonce doc, I should add the directive and use the bo-* directives, so I fugured out this: <div ng

问题 I want to put this filter: filter:'!Category' on to this element like so: <div ng-repeat="(prop, ignoredValue) in wines[0] | filter:'!Category'" ng-init="filter[prop]={}"> But it does not filter out the property "Category". However if I put a similar filter to exclude "Wine" on the following ng-repeat element, it works fine: <span class="quarter" ng-repeat="opt in getOptionsFor(prop) | filter:'!Wine'"> I don't understand why I can't filter out property values here. I am very new to angularjs

问题 Edit: The answers below haven't taken into account the +1 function that is also being applied. Still looking for how I can make both happen. I have an ng-click function that is called on a button within an ng-repeat, but each time one of the buttons is clicked it causes the class to change on all the buttons. How can I fix my code to make it so only the clicked button itself changes? (Keep in mind, the numbers work fine, it's just the classes that change all together.) The Angular controller