angularjs-ng-repeat

I have a ng-repeat and I am trying to add a modal that passes the same scope variable to the modal window. I am able to get the modal window to open but the scope value from ng-repeat is not showing inside the modal. Hopefully my code explains better. This is what I have so far: <div ng-controller="CustomerController"> <div ng-repeat="customer in customers"> <button class="btn btn-default" ng-click="open()">{{ customer.name }}</button> <!--MODAL WINDOW--> <script type="text/ng-template" id="myModalContent.html"> <div class="modal-header"> <h3>The Customer Name is: {{ customer.name }}</h3> <

I'm trying to sort a table of data which is populated from a JSON source. The code I have is as follows: HTML: <div ng-app="myApp"> <div ng-controller="PurchasesCtrl"> <table cellspacing="0"> <tr class="first"> <th class="first" ng:click="changeSorting(purchases.date)">Date</th> <th ng:click="changeSorting(purchases.text)">Description</th> <th ng:click="changeSorting(purchases.price)">Amount</th> <th ng:click="changeSorting(purchases.availability)">Status</th> </tr> <tr ng-repeat="purchase in purchases.data"> <td class="first">{{purchase.date}}</td> <td>{{purchase.text}}</td> <td>{{purchase

I'm developing a page where I need to show some boxes (using ng-repeat ) that contains info of channels and where it will be shown (which are cities). The problem I am facing is when I repeat the second ng-repeat : <table class="table table-condensed" ng-init="nitsCh = [objsCh[$index].nit]"> This should get the $index of first ng-repeat and create a new array with the places the channels will be shown. And it does exactly that. But, when I apply the second ng-repeat using this array, it doesn't work properly. Said that my html looks like this (PS: I need to use the index value instead of objCh

I have read some articles that said ng-repeat would led to poor performance if there is over 2000 items, because there are too many two way binding to watch. I am new to angularjs and have trouble understanding the relationship between ng-repeat and two-way binding: Does ng-repeat (like outputting a list of json objects) necessarily create two way binding? Is there a simple way to do ng-repeat using only one way binding? (preferably do not need external module) Cindy Conway Like user1843640 mentioned, if you are on Angular 1.3, you can use one-time-binding, but, just for clarity, you need to

I am trying to display a binary tree of elements, which I go through recursively with ng-include. What is the difference between ng-init="item = item.left" and ng-repeat="item in item.left" ? In this example it behaves exactly the same, but I use similiar code in a project and there it behaves differently. I suppose it's because of Angular scopes. Maybe I shouldn't use ng-if, please explain me how to do it better. The pane.html is: <div ng-if="!isArray(item.left)"> <div ng-repeat="item in [item.left]" ng-include="'Views/pane.html'"> </div> </div> <div ng-if="isArray(item.left)"> {{item.left[0]

I'm hoping to solve three problems... In my app page I have one select for states and another for counties. For states I have: <select ng-model="filter.stateID" ng-options="item.stateID as item.state for item in st_option"> </select> Data: [ { state="California", stateID="5"}, { state="Arizona", stateID="3"}, { state="Oregon", stateID="38"}, { state="Texas", stateID="44"}, { state="Utah", stateID="45"}, { state="Nevada", stateID="29"} ] For my County select I have: <select ng-model="filter.countyID" ng-options="item.countyID as item.county for item in co_option"> </select> Data: [ { county=

I have a situation where I have a list of data to be displayed in individual panels, Using Bootstrap's grid system, I'd like to take advantage of a wide screen and display several panels horizontally, but on narrow screens have them stack. I'm currently laying things out on the server side with ejs like this, with columns being passed in as a query parameter, typically set to 2 or 3, so each colClass is either col-sm-6 or col-sm-4. <% var colWidth = 12/columns; var colClass = "col-sm-" + colWidth; %> <% for(var i=0; i<contestData.classData.length; i++) {%> <% if ((classCount % columns) == 0) {