Tagged Questions
0
votes
1answer
10 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
0answers
9 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
26 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
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
0answers
11 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
19 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
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 ...
0
votes
1answer
37 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
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
21 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
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
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
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
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
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
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
15 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
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
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
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 ...
0
votes
2answers
38 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
14 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
2answers
18 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
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
1answer
39 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
27 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
23 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.
...
0
votes
1answer
19 views
Angular Typeahead filter from more than one field
I have a typeahead that filters based on a person's name. My person object has more fields than just name (at least {name, surname}) and I want the filter to work based in name and surname.
This is ...
0
votes
1answer
37 views
ng-click doesnt work with angularui tooltip
i'm fairly new to angular and trying to show some html content inside a angular-ui tooltip. what i need to implement is something like a dashboard where users can click icons and go to different urls ...
0
votes
0answers
9 views
Actions from Bootstrap-UI Modal Window Template
I am trying to overwrite the windowTemplate in the Angular UI Bootstrap Modal, and adding side panes to allow for a static panel used for actions.
Plunkr Demo
Side Panel Button
<label ...
1
vote
1answer
35 views
Form Validation and disabled button
PLUNKER LINK
In above problem i have three radio buttons which let the user pay balance,minimum amount and other
amount.When user clicks on third radio button it opens up a div with input where user ...
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 ...
0
votes
1answer
27 views
Pagination with textbox in between next and prev go to page number in Angular js table
I want angular js pagination with next prev button and in between i need a textbox to go direct to any page number in angular js table
please help me
0
votes
1answer
26 views
can't use resolve data in modal
Have problem sending data to modal with resolve.
I have this template:
<div class="split wrapper" ng-app="myApp" ng-controller="appCtr">
<script type="text/ng-template" id="tablesModal">
...
0
votes
0answers
38 views
Pass object to custom angular bootstrap ui tooltip
Im trying to pass and object to a custom angular-ui bootstrap tooltip component.
My code so far is a new directive:
angular.module('ui.bootstrap.korv', [ 'ui.bootstrap.tooltip' ])
...
-1
votes
1answer
38 views
How to style inside an AngularJS modal form?
I have an AngularJS Modal Bootstrap form working. How do I style the text inside the form? In the example below, I'd like 'Name' to be Bold. I've tried label, divs, ng-class but that seems to get ...
