angularjs-ng-repeat

This question already has an answer here: AngularJS. When select have ng-model attribute, ng-selected not working 2 answers I'm facing to an issue with AngularJS - I'm not able to display the selected value in a <select> . Here is my use case: I have a view which starts by an ng-repeat to display components. Each component contains a select to choose the vat rate. When creating new items, it looks fine. But when I'm editing existing items, the actual vatRate code is not displayed in the select, and instead I see the default option "-- Select VAT Rate --" instead of the selected VAT. My model

I've got a JSON object with different events that looks like this: { "error":false, "events":[ { "id":1, "title":"First entry", "date":"2014-11-04" }, { "id":2, "title":"Second entry", "date":"2014-11-04" }, { "id":3, "title":"Third entry", "date":"2014-11-05" }, { "id":4, "title":"Fourth entry", "date":"2014-11-06" }, { "id":5, "title":"Fifth entry", "date":"2014-11-06" } ] } This object is stored in $scope.events in my controller. Now I'm looping this array to build the list of events: <ion-list> <div class="item item-divider"> {{event.date}} </div> <a class="item item-thumbnail-left" href="

I have set up a range slider that ranges from 0 - 2hr, the times are calculated in mins then converted to hh:mm like this: 10min, 20min, 1hr 20min, 2hr. But now I am trying to filter a bunch of items inside the ng-repeat using the range specified by the range slider and I am having a hard time getting this working. Here is what I have done http://cdpn.io/LDusa I am using http://danielcrisp.github.io/angular-rangeslider/demo/ for the range slider. And here is the code: var app = angular.module('myApp', ['ui-rangeSlider']); app.controller('myCtrl', function ($scope) { $scope.sliderConfig = { min

Here's my code: <h1 ng-repeat="item in func()">something</h1> $scope.func = function(){ return [{"property" : "value1"},{"property": "value2"}]; } In Angular.js v. 1.1.1 there's no mistake. In Angular.JS v 1.2.1 I get an infDig mistake. Fiddle of v.1.1.1 Fiddle of v.1.2.1 Could you explain this situation? Thanks a lot. m59 As of AngularJS 1.2: The "track by" expression was added to ng-repeat and more appropriately addresses this issue as demonstrated in the following code. <h1 ng-repeat="item in func() track by $index">something</h1> $scope.func = function(){ return [{"property" : "value1"},{

I have a simple ng-repeat that displays a list of scores and a value of either Positive or Negative. What i am trying to do is when the value is Negative, display a red background CSS class, and when Positive, display a green CSS class. However, for some reason, i am always seeing the red CSS class on my page. HTML: <tr ng-repeat="scores in Test" ng-class="{true: 'warning', false: 'ok'}[scores.Indicator == 'Negative']"> <td>Overall: {{ scores.Indicator }}</td> </tr> CSS: .warning { background: red; } .ok { background: green; } I haven't seen that particular syntax used before, what's the

I am totally new to AngularJs. I am trying to send a PATCH request using Angularjs to Django Tastypie API's. My code is var module = angular.module('myApp', []); module.config(function ($httpProvider) { }); function MyController($scope,$http) { $scope.patchCall=function(){ $http({ url: "/patchrequest/", data:data, method: "PATCH", }) .success(function(data){ console.log("SUCCESS"); $scope.list = data.items; }).error(function() { console.log("FAIL"); }); } } But when I am trying to send a request using this code I am Getting an error that http.patch is not a function. Tell me how can i

I am trying to make an angular.js view update itself when adding a comment. My code is as follows: <div class="comment clearfix" data-ng-repeat="comment in currentItem.comments" data-ng-class="{bubble: $first}" data-ng-instant> <div> <p> <span class="username">{{comment.user}}</span> {{comment.message}} </p> <p class="time"> 10 minutes ago </p> </div> </div> <div class="comment reply"> <div class="row-fluid"> <div class="span1"> <img src="assets/img/samples/user2.jpg" alt="user2" /> </div> <div class="span11"> <textarea class="input-block-level addComment" type="text" placeholder="Reply…"><