Tagged Questions
1
vote
0answers
9 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:
...
0
votes
0answers
10 views
Popover not working with ng-bind-html
I'm trying to dynamically load pop over on lable my code was
$scope.setStatusMessage = function (message) {
var lblClass = "", status = "" , template;
lblClass = "label label-danger";
...
0
votes
0answers
21 views
using ui.bootstrap causing issues with carousel
I am having issues with getting the carousel working properly. I used yeomen to scaffold the angular app.
I am getting this error
Error: [$compile:ctreq] Controller 'carousel', required by directive ...
0
votes
0answers
14 views
Xeditable not working in bootstrap accordion header
I'm trying to make a editable accordion header title. The problem I have is that the submit event is not triggered from the form. Only the accordion is opening itself while the model stays empty. One ...
1
vote
1answer
40 views
AngularJS ng-class cannot override Bootstrap dropdown CSS rules
Using AngularJS-1.2.26 directive ng-class, am attempting to override Bootstrap 3.2 CSS rules for dropdown-menu & dropdown-header, but my new font-size, padding, margin are not effecting html ...
0
votes
1answer
29 views
bootstrap switch and ng-model
I use angular and the bootstrap-switch plugin in my application. It works like this:
<input type="checkbox" name="my-checkbox" checked>
...
1
vote
0answers
23 views
DOM node id after angularjs application loads
I'm working on an AngularJs based application in which there's a Google Map showing some events around your location.
The map has its own DOM id ("#map") that it's used for loading the map's content ...
1
vote
2answers
36 views
AngularJS - Close modal function not working
I have made a simple pop up window by using ui.bootstrap but I can't seem to make the OK and CLOSE button to work. What am I missing in this sample codes?
Here is the sample code from plunkr
Thank ...
1
vote
1answer
23 views
How to make a textbox which should accept only angular-typeahead list values and clear the content that is not in the typeahead list?
For Example, I have a form with a textfield which gives typeahead lists to select values. If a user enters something that is not in the typeahead list, i should clear that content that is not in ...
0
votes
1answer
28 views
Textarea does not work in Angular but Input works fine
I am trying to create a directive for text area, where I can show the number of characters remaining and clear the whole text area, I don't know why it does not work for textarea, but it works fine ...
0
votes
0answers
16 views
make a pastable link based on tab selection in angular.js with bootstrap-ui
I am using angular-ui, and was using the tab feature within it.
I have my tabs set up like so, based on the documentation:
<tabset>
<tab heading="first" ...
0
votes
0answers
18 views
AngularUI Typeahead: Event if no result is found
Does anybody know a way to check if none of the results match the input. Or at least, can i access the results array? Thanks in advance!
0
votes
0answers
13 views
UI-Bootstrap 0.6.0 Carousel not working when the slide images are changed dynamically
I'm not completely sure this is a bug in carousel, but it really looks like it.
I'm using a carousel to display boat pictures. When I click on a button, a function to get a list of pictures by boat ...
-1
votes
1answer
24 views
Nested SELECT options
I am looking for a directive that allows the user to see elements in a dropdown in a hierarchy. The SELECT tag supports . But this allows only 2 levels. I would like to show about 5 levels. For .e.g.
...
0
votes
2answers
35 views
AngularJS custom table directive
I have made a table with AngularJS all is working good pagination and sorting but i want to make it as a component so that in other pages it can be used. Right now i have made a factory which calls my ...
2
votes
3answers
36 views
How to addClass in ng-repeat
Here is my Html code :
<div ng-controller="MainController">
<ul class="list-holder">
<li ng-repeat="check in checks" ng-class="{active : isSelected(check)}">
...
1
vote
0answers
50 views
+100
Multi-item responsive carousel
I'm building a website that requires a carousel to be implemented. Because this website is built on AngularJS I wanted to go with Angulars Boostrap Carousel, however, this carousel appears to only ...
0
votes
1answer
19 views
Angular UI Alert does not work on IE 8
Problem,
My alert box works on all the browser except IE 8. It get displayed but does not get closed on click or on timeout. Below is my Code of HTML
<div class="notification">
...
0
votes
0answers
17 views
Trouble with active tab default using AngularJS, UI Boostrap, and UI Router
When using a UI Boostrap tabset along with nested sticky states created with ui-router and ui-router-extras, I have an issue where navigating to a tab's state via URL will select the first tab along ...
0
votes
2answers
50 views
using angularjs and json wordpress api can't access currentPage value in app.factory $resource
I've just started using angularjs and I'm trying to connect a wordpress back-end to an Angularjs front end.
this is my index.html
<!DOCTYPE html>
<html ng-app="applicazioneIndex">
...
0
votes
1answer
34 views
Scope received in directive is not the same as the scope where directive really lives
I have this directive, which basically attaches a file to a model through file-model="..." (the entire purpose of this directive is because ng-model doesn't work in <input type="file"> in ...
0
votes
0answers
72 views
Multiselect dropdown with optgroup in angularjs
I need to create the multiselect dropdown with checkbox using this json in angularjs and need to select all the option when I click the parent optgroup. I need to select any option , if possible to ...
1
vote
1answer
30 views
how do I create unique looking angular ui bootstrap dialogs
How do I style angular-ui bootstrap modal dialogs so they appear different from one another in color and/or size? I can style them for the site but not individually.
I found the following similar ...
-1
votes
1answer
20 views
Alert to appear on right top corner using ui-bootstap, bootstrap with Angularjs
Problem,
I want my Alert to appear on the right hand corner. How would I do that using bootstrap?. Currently my HTML look like this.
<div class="notification">
<alert ...
0
votes
0answers
32 views
how to customize angular-ui bootstrap tabs
I am having some issues styling my modal. The length of the tabs bottom-border goes past the side of the modal. I would also like to have the tabs have borders on every side so it will look more like ...
0
votes
0answers
24 views
Angular UI Bootstrap Carousel Fullscreen
I am currently trying to get the Angular UI Bootstrap Carousel to be the full length of my page. I have it on the outer most div, but it only extends the width of the page, and stops vertically at the ...
0
votes
0answers
22 views
Extending AngularJS plugins
For a project I had to add custom behavior to UI Bootstrap's Datepicker.
I had to add new key-value pairs to the datepickerConfig constant, had to do some simple changes in the DatepickerController, ...
0
votes
1answer
29 views
how to set angular modal custom height and width
I have found a way to change the width of a angular modal, how ever I can not figure out how to set the height I want. I need the modal to be 400px width, 400px height. also I need to reposition it so ...
0
votes
1answer
24 views
Many UI-Bootstrap-Datepickers on page loads very slowly - can I use a single instance and move element?
I have many rows displayed using 'ng-repeat'. Each row has 2 x UI-Bootstrap-Datepickers. When there are many rows, the loading of the page gets really slow.
I would like to just use a single ...
0
votes
0answers
20 views
AngularJS - Find end of collapse animation
I have a simple problem with angularui bootstrap's collapse directive. I have a <select> menu. When the someone changes the menu, the content changes. However, I would like to add an animation ...
0
votes
1answer
21 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
31 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">
...
0
votes
2answers
44 views
Angular search filter doesnt search in entire table
This is my html code:
<input type="text" placeholder="Search By Any..." ng-model="search.$"/>
<table dir="ltr" width="477" border="1" class="table table-striped ...
0
votes
1answer
24 views
angular.js select doesn't show the option value in the begining
I am using angular.js and bootstarp - angular-ui-bootstarp. and I found a problem that when using the select, even the option is not empty, the select in the page always show nothing until you click ...
0
votes
0answers
17 views
angular-ui datepicker initial state of datepicker not formatted per datepicker-popup
I'm working with an angular-ui datepicker and everything is actually working fine, with the exception of the initial state of the datepicker. AFter I pick a date, it looks fine. See below:
Initial ...
0
votes
1answer
25 views
dynamically remove “open” class on AngularJS ui-bootstrap's dropdown
I'm currently using UI-Bootstrap datepicker and dropdown. When I click the dropdown, shows the menu. While the menus or selections are visible, I click on calendar datepicker. The dropdown menu ...
0
votes
2answers
18 views
How to show 12 months at once in Angular UI-Calendar
i'm trying to implement a calendar in angular-ui calendar library. Is there a way i can show all 12 months of a year at once. so fare I've only managed to show one month at a time.
if this library ...
0
votes
2answers
45 views
Modal Using AngularJS not opening, getting TypeError: undefined is not a function
I'm trying to open a simple modal using Angular. I want it to open from an "About" link in my navbar. Here's the html:
<div ng-controller = "ModalDemoCtrl">
...
0
votes
0answers
23 views
Call a $scope function on date change in UI Bootstrap's Datepicker not using $watch
Is it possible to call a function after a click on a date or month in datepicker without using $watch? Currently, I'm using $watch to monitor changes in date to trigger a task.
If so, can you please ...
0
votes
1answer
25 views
Date not being formatted when copied from one datepicker field to another
I've recently migrated from Angular 1.2.5 to the most recent version, 1.3-rc.3, and from ui-bootstrap 0.7.0 to ui-bootstrap 0.11.2, and some functionality in my code breaks.
I have two datepickers on ...
1
vote
1answer
34 views
Native Bootstrap vs Angularjs Bootstrap directive
I am migrating an existing web application to AngularJS. As the application is already using Bootstrap 3 I am wondering if it is worth re-writing it with Boostrap Directives. My current understanding ...
1
vote
2answers
32 views
Sorting with ng-repeat Angularjs
I have an array
$scope.answers=["","","",""]
means Array have multiple empty elements .
<li ng-repeat="item in answers "><input type="text" ng-model="item"/></li>
it throws ...
0
votes
1answer
27 views
AngularJS - Closing Modal Window
My includes are:
bootstrap.css [ getbootstrap.com/2.3.2 ]
angular/ui-bootstrap-tpls-0.10.0.min.js from: [ angular-ui.github.io/bootstrap ]
I am using AngularJS and Twitter Bootstrap.
From ...
0
votes
1answer
17 views
Removing items from an angularjs ui dropdown
I'm currently trying to dynamically remove elements from a angular-ui dropdown instance, but the dropdown contents seems to 'reset' to the element I want to remove.
Here's a plunker illustrating the ...
0
votes
0answers
36 views
UI-Bootstrap dynamic accordion than contains dynamic tabs
i'm trying to create a dynamic accordion than contains dynamic tabs.
i have succeeded to do so in bootstrap
Bootply
but i'm having trouble doing it in UI Bootstrap (AngularJS).
This is my code:
...
0
votes
2answers
23 views
Navigate to angular page template from bootstraps navbar dropdown
I'm building a web app with angular for the first time and have use the bootstraps css (angular ui). I'm using the navbar from bootstrap and route to ng-templates with ng-route. Everything works fine.
...
0
votes
1answer
22 views
Datepicker angular directive for Bootstarap: Showing only months and years
I am using datepicker from Angular directives for bootstrap. I want to show only months and years in the datePicker pop-up, but could not find a way.
I tried the similar approach of Bootstrap ...
0
votes
1answer
44 views
UI Bootstrap Carousel (with Bootstrap 2.3.2) not working when hide and show in AngularJS
I´m trying to use a Bootstrap 2.3.2 Carousel to display an item pictures. The user can get a list of items. When he clicks on a concrete item, some detailed info is displayed in the same view. The ...
0
votes
1answer
33 views
angular ui bootstrap datepicker is-open directive not working
i'm trying to use angularjs ui bootstrap datepicker on my project but same code i grabbed from example doesn't seems to be working properly when i dig in to code i have realized the problem is with ...
0
votes
1answer
25 views
Why aren't my check boxes binding in my bootstrap-ui angularjs modal popup?
I've got a modal popup which contains a list of checkboxes. The list of controls is generated dynamically from a list and the ng-checked property is bound to the Selected property in my list model.
...
