The `ngRepeat` directive instantiates a template once per item from a collection. Each template instance gets its own scope, where the given loop variable is set to the current collection item, and `$index` is set to the item index or key.
1
vote
2answers
16 views
Angularjs - formatting a table with ng-repeat where a column does not have any data
I have a table as shown in the plunkr example.
https://plnkr.co/edit/8KK9JdlBqOYX78ywmLYN?p=preview
In this case, no data exists for 'east' or 'west' in $scope.siteData in the controller, but for '...
2
votes
1answer
23 views
Cheaper way to duplicate image n times with angular
In my productivity app there's a log of how many pomodoros you did each day. This is then displayed for each day on your timeline, with a little tomato icon for each pomodoro. I'm using ng-repeat for ...
0
votes
0answers
12 views
AngularJs filter not updating
I am trying to make a nice angularJS grid with boxes and a filter on the top where you pick which types you want. I have not been able to figure out why it doesn't work for me, I tried this http://...
0
votes
1answer
27 views
select value not selected in angularjs
I have this html markup:
<div ng-repeat="prop in props" style="margin-bottom: 10px;">
<label class="col-md-4 control-label">Property {{$index + 1}} ({{prop.AddressLine1}})</label&...
0
votes
1answer
14 views
AngularJS - ng-repeat not working when injected from a directive
I'm trying to add "at runtime" in a directive an ng-repeat, and while the same ng-repeat work when put as an attribute in the html, it doesn't when added from a directive. See the code and pluker ...
-1
votes
1answer
40 views
HTML Table dynamically generate columns using ng-repeat
Hi Can anyone help me in generating the HTML table by modifying the Demo . Where I am getting the data from JSON as below and I am using Angular JS with ng-repeat
Demo
Angular JS
var app = angular....
0
votes
1answer
22 views
grouping data with ng-repeat
I need some special grouping like this;
<section class="white">
<p>1. row</p>
<p>2. row</p>
</section>
<section class="white">
<p>3.row</p>
<p&...
0
votes
2answers
35 views
How to Chain multiple custom filters with AngualrJS
How can i chain multiple filters using AngularJS. My case is i have 3 dropdown menu i want to use as filters to filter out data in a table. I just created a plunk to demonstrate what i want to ...
1
vote
0answers
35 views
Angular 1.5 Not able to clear the filter on ng-repeat
I am using Angular 1.5 with Ionic version 1 and I have a view that displays the list of contacts, since there are several contacts so I am using a filter so the user can search for the contact.
This ...
0
votes
1answer
34 views
How to show json data in a table format retrieved from node.js server using Angular Js
This is an index file I had made to display the json data though angular.js
<!DOCTYPE html>
<html>
<head>
<style>
table, th , td {
border: 1px solid grey;
border-collapse: ...
0
votes
2answers
20 views
How to repeat a click handler in ngRepeat (AngularJS)?
I have the following problem. I wanna repeat menu links. But the program doesn't create the corresponding click handler.
View:
//view is created by Angular Material
<md-menu-item ng-repeat="mItem ...
0
votes
4answers
21 views
AngularJS - Change scope with one of the iterations of a ng-repeat
I have a project with Angular where I don't want to use a select element with ng-options, so I made up a list with different options in order to select one of them.
<div class="countrylist">
...
2
votes
2answers
42 views
Passing Object from a table row to bootstrap modal
I'm trying to put to a modal the attributes of a clicked table row. I am using angularjs. Nothing happens in my code:
Basically this is my html code like below:
<tr ng-repeat="pokemons in pokemon"&...
-2
votes
1answer
26 views
Unique id for two ng-repeat (AngularJS)
Is it possible to affect a unique Id to a div located inside two ng-repeat directives? See bellow example:
<!--data: [[{id: 'A'},{id: 'B'},{id: 'C'}], [{id: 'X'},{id: 'Y'}]]-->
<div ng-...
2
votes
5answers
70 views
Dynamic ng-repeat in AngularJS
My angular controller is
$scope.dyna = [
{ "name": "parshuram", "age": 24 },
{ "name": "Tejash", "age": 26 },
{ "name": "Vinayak", "age": 25 }
];
My html
<table>
<tbody>
...
1
vote
1answer
20 views
Change property for every value in ng-repeat
You can see in my fiddle that the value for each name is set to 0.
I'd like my changeAllValues() to change all the
value: 0's
to be
value: 1's!
What is the best way to do this?
JS Fiddle:
...
-1
votes
1answer
20 views
How to click Checkbox inside ng-repeat table using selenium
I am automating a web application using Selenium Java, this web application has angular js ng-repeat table as below which creates row with checkbox inside each row. I need to select few checkbox based ...
1
vote
2answers
32 views
How to do ng-repeat through an array of objects?
$scope.mydata= [
{
"_id": "5fc9e4cc8acc",
"_rev": "1-deeb3c992677",
"contacts": [
{
"Name": "A",
"role": "Lead ",
"ID": "aaa@...
0
votes
1answer
33 views
Angularjs push array to scope
I have problems to push an array to scope and empty the array after that.
I fire up the function ng-click="addInput() to add a new form to the Array $scope.info.sites = []; wich contains an another ...
0
votes
2answers
15 views
difficulty running ng-repeat for an array of objects
I have a block of html code which I would like to repeat for each object in an array of objects, where each object would populate a section like such...
<!-- -->
<!-- Future appointments ...
0
votes
1answer
13 views
Dynamics charts using chartist and angular with ng-repeate
I now and I can show a chart with dynamic data but a fixed number of chart. When I want to show a dynamic number of charts, something happens with ng-repeate. I said something happens, because if in ...
0
votes
0answers
32 views
AngularJS filter search not working
I want to use the angular filter in my table. It was working initially when the structure of displaying table data was simple but now since I have to perform some additional task I have changed the ...
1
vote
3answers
30 views
Filtering an Angular ng-repeat with “track by” by a boolean property
$scope.users = [{
"firstname": "Steve",
"lastname": "Jobs",
"id": 1,
"userLog": {
"id": 1,
"userId": "Steve01",
"enabled": true
}
}, {
"firstname": "Michelle",
"lastname": "...
-2
votes
2answers
40 views
Want 6 radio buttons in two line with 3 in each line
I have 6 radio buttons. I want 3 on one line and other 3 on another line. I am using ng-repeat for retrieving radio button data from json. I tried putting ng-if for placing it for even and odd but its ...
0
votes
1answer
22 views
Sorting columns in nested ng-repeat (AngularJS)
Currently I don't have any possibility to sort the columns of my list by using the orderBy-filter. The problem what I have is a nested ngRepeat.
View:
<md-list>
<md-list-item>
...
0
votes
0answers
16 views
Display data with an AngularJS ng-repeat, in a div, side by side
I have an arraylist from which I need to get values where isActive = true, and to display the data in a <div> tag with the use of ng-repeat.
My problem is that I don't want to keep using ng-...
0
votes
0answers
15 views
AngularJS Table custom search based on user input
So I have a table that looks like this in html:
<table ng-show="!transactions_loading" datatable="ng" dt-options="dtOptions" dt-column-defs="dtColumnDefs" class="row-border hover table">
...
0
votes
1answer
42 views
AngularJS ng-repeat issue and add row dynamically on button click
I want to create a simple form with some nested data. When I click the addSite() function, I want to create a new Site item and append it to my $scope.info.
I cannot create more than one form and the ...
-1
votes
1answer
48 views
How to show Li tags dynamically using angular [closed]
<html>
<head>
<script type="text/javascript" src="angushow.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/...
0
votes
3answers
40 views
Data binding in ng-repeat in Angular JS
I am a Angular JS beginner and this might be a very silly question but i am finding difficulty with this. I have the following code written in angular js to display the list of products with the ...
0
votes
3answers
50 views
ng-repeat array object inside array object
In my index.html file we use two ng-repeat file to get data from data.json .
In this approach each data created repeated DOM.
How to use single ng-repeat instead of double ng-repeat in my index.html ...
2
votes
2answers
54 views
Use variable inside ng-repeat
I'm trying to find a way to insert my variable(s) into ng-repeat,
see examples below for explanation.
controller.js
$scope.firstParams = $stateParams.firstId;
template.html
<span style="margin-...
-3
votes
0answers
21 views
How to display multiple google maps screen using angularjs and ng-repeat?
I want it to look something like the below image. The value of lat and lng will be received through an API call. Please let me know how can this be achieved using angularjs.
0
votes
1answer
20 views
I can't get json data with ng-repeat in my ionic app
I'm a newbie so please explain step by step as you can.
I face a little problem in my ionic app, I can't get json data from the link.
I can see json data in log console but in ng-repeat didn't ...
0
votes
2answers
24 views
Create multiple buttons with Angular in a loop
I have a variable "options" that contains a list ['a', 'b', 'c'], and like this is displayed on the <h3> below.
Now I want to create a button for each element in the list, with the index ...
0
votes
3answers
46 views
Getting one item out of ng-repeat
I have a homepage with different products and I want to display one choosen product in anouther view. (the detail view). To show the products I use ng-repeat, which iterate over an product-Array.
Now ...
1
vote
1answer
22 views
Angularjs : How to use <md-radio-button> inside <table> with ng-repeat
I am displaying data as a table. The user has to select a row from the table. So I tried using <md-radio-button>, But it is throwing an error saying <md-radio-group> directive is missing. ...
0
votes
5answers
47 views
How to remove or hide a key-value pair of an array in AngularJS
I have a collection of objects in an array like this:
[
{
"NAME": "John Doe",
"AGE": 25,
"CITY": "New York",
"COUNTRY": "USA",
"GROUP_ID": 1,
"ACTIVE": 1
},
{
"NAME":...
0
votes
0answers
27 views
Animating using animate css and ng directive in Angular js is not working
I am developing a Website using Angular JS. I want to beautify my website adding animation. I am using Animate css - https://daneden.github.io/animate.css/ cause it has rich built-in animation ...
0
votes
2answers
66 views
ng-click inside ng-repeat not working
I am using routeProvider to route to "views/userspace.html" which uses "UserspaceController"
The "views/userspace.html" recognizes this controller and makes request a $http request. This request ...
4
votes
1answer
59 views
Angular ng repeat filter inside ng repeat
I've been trying to make a list of geozones, with a select of taxes each (not all taxes apply to all geozones).
So I did a ng-repeat for the geozones, and inside each of them a ng-repeat with all ...
0
votes
2answers
28 views
how to pass object data to table using ng-repeat
I have this object named 'SEG-Data as follows. I am trying to put this data into a table form using ng-repeat.
SEG_Data
Object {ImportValues: Array[2]}
ImportValues: Array[2]
0: ...
1
vote
1answer
21 views
Angular filter on object property inside an array
I am having an array of objects inside the $scope. The object has the name and 'attributes' property of which the attributes is an object. I have a text field which I need to bind to a model which ...
0
votes
2answers
52 views
How to add the values which is present inside the array (or) Json?
I been wondering if someone fixed my issue. my code looks like this.
var app = angular.module('myApp', []);
app.controller('myCtrl',function($scope){
//Adding New Check# and Check amount Text ...
0
votes
1answer
34 views
AngularJS ng-repeat carousel without jQuery
I need to show elements on my page using ng-repeat that will behave like carousel - they should contain a photo, short description, and on click each of them should show long description. Additionally,...
0
votes
0answers
9 views
How to make the selected value as active?
<ul style="list-style:none;" class="dashboard-list">
<li ng-click="get_role(role)" ng-repeat="role in roles">
{{role.name}}
</li>
</ul>
So here i will get a list of data. ...
1
vote
2answers
43 views
Why ng-repeate object not getting updated?
This is the function which load listings from server. Initially listings are displayed but when gets null response on applying filter, it still shows previous result and not clearing previous listings....
0
votes
1answer
22 views
Drop down value replicates in nog options Angular
I have a dynamically generated html table that adds rows based on the record that is displayed. I'm adding a column that will contain a dropdown. I used ng-options for it, however every time I ...
0
votes
3answers
27 views
angularjs textarea model with \n should start new line
I have sample json as shown below and I am trying to represent key in label and value in textarea (Plunker). But the textarea is not working if the model contains "\n". Whenever there is a \n I would ...
-1
votes
0answers
37 views
How to make table for nested ng-repeat?
In below code each nested div has ng-repeat i would like to know how to create html table structure or bootstrap table for nested ng repeat ?
<div ng-repeat="item in names.items">
<div ...