Tagged Questions
0
votes
0answers
11 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
2answers
39 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
12 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
4 views
UI-Bootstrap 0.6.0 Carousel not working when the slide images are changed dinamically
I´m not completely sure this is a bug in carousel, but it really looks like.
I´m using a carousel to display boat pictures. When I click on a button, then a function to get a list of pictures by boat ...
0
votes
2answers
28 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 ...
0
votes
0answers
10 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.
...
2
votes
3answers
29 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)}">
...
0
votes
1answer
24 views
Angular bootstrap.ui datepicker not popup
i'm trying to use angularjs date picker on my project as but seems to be functionality has been broken when i'm integrating date picker to my project
<div class="input-group">
<div ...
0
votes
0answers
12 views
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
16 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
23 views
Angular directive ui-show breaks ng-click
Issue
ui-hide and ui-toggle randomly breaks binding of ng-click sometimes, only when the ng-click target is followed by the ui-show, and doesn't happen with all nodes (example with text instead of ...
0
votes
1answer
40 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
0answers
10 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 ...
9
votes
4answers
2k views
Possible to install just Bootstrap CSS with Bower?
Starting a new Angular project via Yeoman asks if you want to include Twitter Bootstrap (I'm using Sass flavor). Doing so includes both the styles and scripts. However, I want to use UI Bootstrap ...
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
19 views
Multiselect dropdown with optgroup in angularjs
Am having json like
$scope.data={
"testCases": [{
"grpName": "Temp_Removed",
"active": "false",
"grpNameLink": "#Temp_Removed",
"groupDetail": {
...
1
vote
1answer
28 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
17 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
17 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
22 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 ...
1
vote
1answer
114 views
Disable dates using factory response UI Bootstrap Datepicker
I'm trying to disable a date in the UI Bootstrap Datepicker connected to a Google calendar if that dates already have 3 or more events.
Thus far I get the array of events using an Angular Factory ...
0
votes
0answers
63 views
Angular JS complex Table form creation
I need some expert hands in this problem.
I want to create a dynamic table where user can add rows and columns. this is the desired end output:
I already managed to add floors both in quick way ...
0
votes
0answers
20 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
0answers
14 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
20 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
23 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
2answers
43 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
18 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
1answer
23 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
16 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 ...
4
votes
0answers
2k views
Show Bootstrap tooltip on focus when an angular input has an error
This example is taken from angularjs's docs
<form name="myForm" ng-controller="Ctrl">
userType: <input name="input" ng-model="userType" required>
<span class="error" ...
15
votes
2answers
5k views
AngularJS UI Bootstrap mocking $modal in unit test
I'm writing a unit test for a controller that fires up a $modal and uses the promise returned to execute some logic. I can test the parent controller that fires the $modal, but I can't for the life of ...
5
votes
3answers
9k views
Stop propagation of underlying ng-click inside a jQuery click event
A Twitter Bootstrap dropdown is nested inside a tr. The tr is clickable through ng-click. Clicking anywhere on the page will collapse the dropdown menu. That behavior is defined in a directive through ...
3
votes
2answers
767 views
Does the AngularUI typeahead plugin allow any typed value?
I have an <input> that uses Bootstrap typeahead with Angular UI directive.
The display and selection of values in the drop down works fine.
However when I type a value into the input that is ...
0
votes
1answer
21 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
17 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 ...
1
vote
1answer
48 views
Angularjs UI Bootstrap Popover Prevents input submit
I have used Angularjs with ui.bootstrap popover feature in following manner,
<form name="frm1" role="form" ng-submit='myFunc()' novalidate="novalidate">
.... other inputs go here...
<input ...
0
votes
2answers
39 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
32 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
15 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
33 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
1answer
21 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
2answers
19 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
2answers
38 views
How to always show a top li in typeahead with angular ui bootstrap
I am trying to use typeahead in ui bootstrap (http://angular-ui.github.io/bootstrap/) to add a drop down for existing options. I want the user to always have the option of selecting a li that says "+ ...
0
votes
2answers
72 views
view more/less button to a unordered list of items for a book shelf and auto adjustment of shelf after every 6 books in a row
Hej Guys,
I am working on a book shelf container, using Bootstrap 3.0, i have something like this so far,
http://www.bootply.com/19NyAgMDED
here , i have hardcoded bookshelf with some books in it ...
