angularjs-ng-repeat

This question already has an answer here: 'this' vs $scope in AngularJS controllers 7 answers I am trying to populate a list of employee objects from my controller empctrl in a template. Here's the controller: app.controller('employeeController', function ($scope, employeeService) { this.employees = {}; this.populateTable = function (data) { this.employees = data; }; var error = function (err) { console.log("Error: " + err); }; // Call Service to List all Employees console.log("Service called to populate table."); employeeService.output().then(this.populateTable, error); this.populateTable();

html <div repeater ng-repeat='item in items' class='first' id = '{{$index}}' > {{item}} </div> angularjs directive:- angular.module('time', []) .directive('repeater', function() { var linkFn = function(scope, element, attrs){ var id = $(element).attr('id'); alert(id); // {{$index}} } ... dynamic id created inside ng-repeat, when evoked inside directive displays as {{$index}} instead of value = 0, 1, 2 ... How do you ensure when Linker function in directive executes the dynamic ids are used? I think it can be done using $compile inside the directive. But i can't quite figure how? $compile

I'd like to be able to sort by whether a variable is true or false. Let's say we have a variable like so: groups = { { name: 'first', value: true }, { name: 'second', value: false }, { name: 'third', value: true }, { name: 'fourth', value: false } } And we can loop through it like so: <div ng-repeat="group in groups"> {{group.name}} {{group.value}} </div> Which will give you the following: first true second false third true fourth false But if I wanted to sort by a boolean value then I could do this: <div ng-repeat="group in groups | filter:{value:true}"> {{group.name}} {{group.value}} </div>

index.js var app = angular.module('plunker', []); app.controller('MainCtrl', function($scope) { $scope.name = 'World'; $scope.data =[{"Id":1,"Title":"en-US","Description":"UnitedStates","MyValues":[{"Id":100,"Value":"Save"}]}, {"Id":1,"Title":"en-UK","Description":"UK","MyValues":[{"Id":102,"Value":"Delete"}]}] $scope.cols = Object.keys($scope.data[0]); $scope.notSorted = function(obj){ if (!obj) { return []; } return Object.keys(obj); } }); index.html <table border=1> <thead> <tr> <th ng-repeat="key in notSorted(cols)" ng-init="value=cols[key]">{{value}}</th> </tr> </thead> <tbody> <tr ng

I'm using directive to display html snippets. And templateUrl inside the directive, to be able to include snippets as html file. The directive does not work, if I try to call inside a builtin ng-repeat directive ({{snip}} is passed as is, without substitute): div ng-repeat="snip in ['snippet1.html','snippet2.html']"> <my-template snippet="{{snip}}"></my-template> </div> For reference, here is the directive: app.directive("myTemplate", function() { return { restrict: 'EA', replace: true, scope: { snippet: '@'}, templateUrl: function(elem, attrs) { console.log('We try to load the following

I used directive for creating contact form. Initially i create customerForm directive for displaying customer form. In that form i have one button, when we click on add button, called getData function and that function internally used newDirective for displaying ul list. for that i used $compile api for compiling html code. that is fine and its also display list value and remove button when we click on remove button, its called scope.remove() function. But its delete only ones. after that i cant remove any element (i.e. button). i dont know why its happening. please help me. jsfiddle index

I have an ng-repeat that isn't updating upon changing the data in the array that it is using. I've researched for quite a while but nothing seems to be working. Initially, when the page loads, the ng-repeat displays the first page of a dataset, upon getting new data (the next page) and setting that array with this data, the ng-repeat isn't noticing the change and never populates with the updated array. It would be greatly appreciated if someone could steer me in the right direction on this. gatekeeper.controller('businessController', ['$scope', 'siteService', function($scope, siteService) {