Tagged Questions
0
votes
1answer
26 views
Bootstrap table striped: How do I change the stripe background colour ONLY FOR 1 COLUMN?
I have similar question to Bootstrap table striped: How do I change the stripe background colour?. But the main difference is that I would like to change the alternation of colors only for one column.
...
3
votes
1answer
354 views
Problems with `track by $index` with Angular UI Carousel
$index in track by index does not start at zero when pagination is used
I have created a carousel using angular ui bootsrap.
Since am loading so many images(over 1,000), I used a filter to display ...
0
votes
1answer
80 views
how to correct paging in angularjs
i have below code , my page location 1 not showing data. its start from page 2 .. i don't know ...i am trying last 3 hours but not success i am new in angularjs that's why i am here please help me .....
1
vote
1answer
421 views
Show an image inside table with ng-if and ng-repeat
I would like to ask you a question.
My wish is to create a table composed by 4 columns and show on table-data (3rd and 4th column of each row) an image of green circle when a variable (blocco1 or ...
1
vote
1answer
868 views
How to inline edit table in angular material?
I need to inline edit a table i.e., to edit a table row in between. I have a table populated with data and each row has an button named Edit at the end. When I click on this button a dialog box opens ...
0
votes
2answers
78 views
angularjs ng-repeater dynamically delete data
I have a situation where users added sample data as shown in figure. How can I add Delete button which deletes particular sample ONLY. From figure , I want 'Delete Sample 1" to delete Sample 1 ...
0
votes
1answer
601 views
How to make keypress select in drop down using Angular Js?
I have a drop down where the item size is large so I am looking for a way to enable keyboard-input (key press) so that I can type and it automatically moves to that option in the drop down. Any ...
2
votes
1answer
329 views
AngularJs: Nested UI-Bootstrap accordion not working, when update list value
I generate "ui-bootstrap accordion" by ng-repeat. I want upddate value of list dynamically. But when I update nested list value, second accordion is not working.
<uib-accordion close-others="...
2
votes
1answer
260 views
Angular UI Bootstrap pagination - show first 12 records in ng-repat on inital page load
See this plunker for a working example of my issue.
Pagination is working when I click on a pagination page number but does not initially load the data for the first page (first set of records). The ...
0
votes
1answer
90 views
Angular Accordion not resolving to correct html
I want to use Angular Accordion with ng-repeat. I am facing a strange behavior where the html is not resolved properly on my page and my accordion does not work at all. But the same code works like ...
0
votes
1answer
199 views
AngularJs Table not updated after Create/Delete/update
If I Create/Update/Delete Values in my Array the ng-table is not Updating the Data. I need to do a window.location.reload() for that but thats not very "beautifull". Shouldnt in Angularjs through 2Way ...
0
votes
2answers
41 views
Passing an Object and retriving the same into an angular Modal
I am trying to pass Objects into a modal. I have no idea how to pass an argument into a modal. So I am trying with this :
vm.viewGroupDetail = function(userDetails) {
var scope = $scope.$new();
...
1
vote
1answer
300 views
Model does not persist using uib-typeahead with ng-repeat
I am trying to use uib-typeahead to select one or more objects (via an ng-repeat), but facing an issue where the model does not persist when adding another object.
This is reproduced on Plnkr here (...
0
votes
0answers
4k views
uib-accordion in angular for list display
My index page has two div's. In first < div > i extract names from $scope from controller mController. ng-repeat is used to iterate through the list to display Movies and Names in the first < ...
0
votes
1answer
29 views
Closing modal in Angular UI Bootstrap while erasing array of 1000 items, takes a significant time
I've an Angular application where I pass an empty array to Angular-UI Bootstrap Modal. Depends on user choice it may be filled or not with items, up to 1000 objects. All them I display in a list with ...
1
vote
2answers
756 views
collapsable data row in angular js
I would like to display parent and child related data in collapsable format without using panel.
Code:
<div ng-app="app" ng-controller="customersCtrl">
<table st-table="rowCollection"...
3
votes
2answers
362 views
protractor by.repeater and visibilityOf only returning first item in collection
I am trying to use protractor's by.repeater to find all the elements enumerated in a collection. Being used here are the (key, value) in expression enumeration for the ngRepeat directive and UI ...
1
vote
1answer
736 views
more link for angular ng-repeat show first few items
I have a scenario where I have Array of objects and I wanted to display on first few of them (should be configurable).
var users = [{id:1234, name:'ABCD', role: 'XXX', lastLogin: 'XXXX'},
...
3
votes
2answers
4k views
AngularJS UI Bootstrap popover using ng-repeat data
I have an ng-repeat and I need to use the current object in the iteration to create the body of uib-popover content.
I have tried uib-popover-html but I get an angular unsafe context error. I tried ...
0
votes
2answers
877 views
ng-class if else not working with repeat value
I been trying to change a class if a tab in a repeat, depending in the title of the tab. snippet shown below
<tab ng-repeat="tab in tabs" heading="{{tab.title}}" ng-class="{{tab.title}} === 'Logs'...
3
votes
2answers
2k views
AngularJs How to show filter result in Angular UI Bootstrap's pagination
The filter result only shows with in the numPerPage result because of Angular UI Bootstrap's pagination. Is there any option to show filter result from the $scope.expenses as filter result ?
Demo: ...
3
votes
1answer
3k views
add conditionally an Angular Bootstrap popover inside an ng-repeat
I'm using AngularJS with Angular UI Bootstrap.
In my template i need to show a table, i create it with an ng-repeat, I need to add a popover on click only for certain cells.
I made something like ...
0
votes
1answer
3k views
Angular-ui-bootstrap — unable to disable tabs inside ng-repeat
all.
I am using angular and ui-bootstrap to create a menu of tabs on which (hopefully) a user can enable/disable tabs that they do not need. I have tried to adhere pretty closely to the template code,...
0
votes
0answers
67 views
why does my tr ng-repeat dissapear when clicking on pagination links
Using angular-bootstrap server-side pagination and $resource/$http. I am running a search and returning multiple records. I then use ng-repeat on a tr element to populate the table. This is all fine. ...
0
votes
1answer
741 views
UI Bootstrap Typeahead ignore selected value
I'm using Ui-Bootstrap's Typeahead. I have two Typeahead fields (Origin and Destination Airport) and both takes the same data source. I want to avoid the Origin selected value in Destination listing. ...
0
votes
1answer
65 views
Add extra btn-group onclick
As you can see, I have a button group. I'm trying to extend this functionality in such a way that when i click on any of the three buttons (left, middle or right), corresponding buttons (left-sub, ...
4
votes
3answers
7k views
How to open first accordion in angular ui bootstrap with ng-repeat?
Is there any option to open first accordion on the basis of ngRepeat ?
var app = angular.module('myApp', ['ui.bootstrap']);
app.controller('myCtrl', function($scope) {
$scope.status = {
...
0
votes
2answers
517 views
AngularJS : How can I dynamically reference a directive during ng-repeat?
Here is a plunkr showing what I am attempting
I have a tabset, which is defined as individual tabs, each with their own directive.
<div class="container" ng-controller='fruitController'>
...
2
votes
3answers
2k views
AngularJS ui-bootstrap accordion cannot access variable outside accordion in filtered ng-repeat
I am using AngularJS UI Bootstrap's accordion. I am using ng-repeat with filter inside the accordion. Now the problem is that I cannot access the filtered variable outside <accordion>. If I ...
1
vote
1answer
1k views
AngularJS - ui-bootstrap accordion - using ng-controller inside ng-repeat doesn't work
I'm trying to construct an accordion list that shows more details when the accordion expands. Here is a simplified version of the template:
<body ng-controller="MainController as main">
<...
0
votes
1answer
1k views
Dynamically add UI Bootstrap dropdowns with ng-repeat
I'm new to using AngularJS and UI Bootstrap and I'm trying to add dropdowns dynamically using ng-repeat. The problem is that when any one dropdown is clicked it triggers all of them. I'm guessing I'm ...
0
votes
1answer
661 views
Recursive Menu in AngularJS
I am totally new to AngularJS (started a couple of days back). I want to build a ListView kind of menu with multiple levels. Most of the examples that I have found online are to develop Tree Structure....
6
votes
3answers
16k views
Angular UI - Bootstrap Accordion not working/dynamic ng-include
I have a problem with the Accordion:
I try to do pretty much the same what the demo shows, I have an Array of objects. Every object contains a string, which is the header title. It also contains a ...
2
votes
1answer
123 views
dynamic directive: templateUrl
I really need help by solving the following problem:
I try to realize some settings for an application, therefore I want to use the UI-Bootstrap accordion.
I have the following HTML-Code:
<...
1
vote
1answer
1k views
Can I use ng-controller in a bootstrap accordion group?
I'm trying to create a controller for every item in my ng-bootstrap accordion but the scopeing is not working as I expect. Am I doing something wrong? If I add the controller to a div inside my ng-...
1
vote
0answers
109 views
Firebase syncObject is showing redundant error in my Angular controller
I am building an app for a client who has, as one of their data sets a master list of all their members. I have the data coming in from Firebase and everything runs peachy, but it's not that DRY I am ...
1
vote
1answer
758 views
Collapse fails to update with dynamic ng-repeat
I have a simple collapse.
<ul collapse="isCollapsed">
<li ng-repeat="item in items">
{{item}}
</li>
</ul>
Here is the controller:
angular.module('ui.bootstrap.demo')....
0
votes
1answer
239 views
trying to insert directive into ui accordion body but gets converted to text
From the docs of angular bootstrap accordion I am trying to insert html into the accordion body.
$scope.groups = [
{
title: 'Dynamic Group Header - 1',
content: '<h1>Dynamic Group ...
0
votes
1answer
126 views
pagination does'nt get updated on search
Html Code: This is the html code that basically showas a table with search filter. . .
<input type="search" ng-model="search.$" />
<table class="table table-striped table-bordered">
&...
1
vote
2answers
909 views
Angular search filter doesn't search in entire table
The problem is the search filter only finds records from the current page and I want it to find record from entire table. How can I do that?
<input type="text" placeholder="Search By Any..." ng-...
0
votes
2answers
75 views
Adding new form inputs continuously
I currently have a form where an individual can add firstname and lastname via two input fields. In some scenarios they may want to add more
than one so I want to provide button/bit of text below ...
0
votes
1answer
1k views
How to retain the last opened accordion in a group by invoking function in is-open attribute
I'm having accordion which is populated dynamically.
<accordion-group ng-repeat="data in dataList" is-open="isAccordionOpen(data.dataName)">
<accordion-heading>
...
12
votes
3answers
15k views
Angular JS Date format filter inside Ng-Repeat not formatting
Actual Date coming from JSON
Need to format it as below .
Effective Date : 2010-08-31 (trim the time stamp)
End Date : 2010-08-31 (trim the time stamp)
Am using the below code for Formatting the ...
0
votes
1answer
1k views
angularjs bootstrap ng-repeat not working inside tab
I am trying to build a tab using angularjs ui-bootstrap.Got the tab working.
Below the tab, have content displayed using ng-repeat.
In one of the tabs, wanted to do search on the listed contents in ...
0
votes
2answers
217 views
Pagination gets “stuck”?
I have a simple table application that displays dummy data with columns like name, number, date, etc. You can sort it by columns, and it is paginated.
However, when I use the pagination, some of the ...
1
vote
0answers
580 views
slide toggle from left to right in angular js
I am using hide and show an element using the angular JS . Angular toggle collapse working fine from slide up and slide down. How can I do the same thing sliding from right to left with some ...
0
votes
4answers
3k views
apply css on ng-click dynamically angularjs
I have an Object like this
var obj = [
{
'id':1,
'color':'#ff0000',
'name':'final'
},
{
'id':2,
...
0
votes
2answers
188 views
Angular - Unable to load view
I'm trying to get my head around how to load a view into a dynamic template on page load. My application has different templates based on device width. Currently the template is loaded without issue ...
0
votes
1answer
879 views
First item in Angular JS repeater not CSS :first-child
I have a series of divs in a project, in which the first one needs to be different from the others.
So I set up my css to be item:first-child{} as usual.
In some cases, these divs might be generated ...
0
votes
0answers
74 views
How to render a custom {{element}} from an ng-repeated list
Trying to get angular to render a list of directives after a drop-down is toggled in bootstrap.
Ideally, I'll $scope in the main view Ctrl:
$scope.directiveList = ['messages', 'events', 'cart'];
...