angularjs-ng-repeat

问题 How to Increment and decrement a json value from local storage using angular.js I use ngstorage module from angularjs . my Plunker 回答1: You need to pass item object while calling increament & decreament function Markup <li data-ng-repeat="item in data"> <span> id:{{ item.id }} <button ng-click="increment(item);">+</button> age:{{ item.age }} <button ng-click="decrement(item);">-</button> <button data-ng-click="delItem(item)">X</button> </span> </li> Code $scope.increment = function (item) {

问题 Closed. This question is off-topic. It is not currently accepting answers. Want to improve this question? Update the question so it's on-topic for Stack Overflow. Closed 4 years ago . I want to change the background color of a div which already has a backkground color that is white for odd element and grey for even element. Dont know why its not working in Jsfiddle. The div is also having a ng-click which i have not used in JSfiddle example. I want to change the color of the div which is

问题 I am refactoring a table written in angular. Currently ng-repeat is used to create multiple tables rows, any of which will redirect to a given ui-sref when clicked upon: <tbody> <tr ng-repeat="user in group | orderBy:sorter:reverse" class="tablebox-content" ui-sref="admin.candidates.detail({_id: user._id})"> <td class="name">{{user.name}}</td> <td>{{user.attending ? 'Yes' : 'No'}}</td> <td class="interestDeclared">{{user.interestDeclared}}</td> <td class="interestThreeOrGreater">{{user

问题 I am refactoring a table written in angular. Currently ng-repeat is used to create multiple tables rows, any of which will redirect to a given ui-sref when clicked upon: <tbody> <tr ng-repeat="user in group | orderBy:sorter:reverse" class="tablebox-content" ui-sref="admin.candidates.detail({_id: user._id})"> <td class="name">{{user.name}}</td> <td>{{user.attending ? 'Yes' : 'No'}}</td> <td class="interestDeclared">{{user.interestDeclared}}</td> <td class="interestThreeOrGreater">{{user

问题 Trying to use $interval from angular to change the currently visible item in a list using ng-show. Inspecting the html, I noticed that angular changes ng-show from true/false, but it doesn't remove the ng-hide class. The html is simple: <h1>Hello Plunker!</h1> <div ng-controller="MyCtrl"> <div>Iterator: {{i}}</div> <ul> <li ng-repeat="d in data" ng-show="{{i == $index}}">{{i}} - {{$index}} - {{d}}</li> </ul> </div> The app.js is quite basic as well: (function(){ var app = angular.module(

问题 Please help with ng-repeat. I created a list of values ​​using ng-repeat. How can I specify the value of the middle of the list that I want to show first (I want to show 'Earth' first in the list)? My code: html <li class="list__item" ng-repeat="poster in posters">{{poster.title}}</li> controller: 'use strict'; angular.module('oldmenTest') .controller('FormController', ['$scope', 'postersName', function($scope, postersName) { $scope.posters= postersName.getPosters(); }]); vars: 'use strict';

问题 I wanna ask about angularJS. I have json here var friends = [ { "id":1, "Tanggal":"\/Date(1408060800000)\/", "Nama":"Hari Departemen Agama Republik Indonesia" }, { "id":2, "Tanggal":"\/Date(1388880000000)\/", "Nama":"Hari Korps Wanita Angkatan Laut" }, View <ul> <li ng-repeat="friend in friends | filter:" >{{friend.Tanggal.substr(6,13) | date: 'dd MMMM' }} {{friend.Nama}} </li> </ul> this my controller .controller('FriendsCtrl', function($scope, Friends) { $scope.friends = Friends.all(); }) I

问题 Staggering Animations are great! But I don't get it to work without user interaction. There is a total normal ng-repeat list: <div ng-controller="controller"> <div class="category" ng-repeat="category in categories"> {{category}} </div> </div> Defined in a controller: var controller = function($scope) { $scope.categories = ['12345', '6789', '9876', '54321']; }; And a few CSS Rules for animation: .category.ng-enter { -webkit-transition: 2s linear all; transition: 2s linear all; opacity:0; }

问题 I have a Facebook style like system in my app and I want to make the like button change colour when the user clicks. This is to be done by adding an .active class, but I cant figure out how to get just the one item in my ng-repeat to have thr active class. Heres my view: <div class="list card" ng-repeat="data in array"> <div> <a ng-click="favourite(data.ID)" class="tab-item" > <i ng-class="{'active': favourited}" class="icon ion-thumbsup" ></i> Favourite </a> </div> </div> The ng-click sends

问题 I have an object as follows: scope.items = { "poor-John-1": { "_id": "poor-John-1", "name": "poor-John-1", "sName": "room-poor-John-2" }, "poor-John-2": { "_id": "poor-John-2", "name": "poor-John-2", "sName": "room-poor-John-2" } } I have rendered the object in the following way <tr ng-repeat="item in items | orderObjectBy: '_id' track by item._id" ng-class="getStyle(item, next_item)"><td>{{item.sName}}</td></tr> What I want to do is, pass, the current and next_item to the getStyle function,