Tagged Questions
0
votes
0answers
17 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
12 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
17 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
13 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
29 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
40 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
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
14 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
20 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
40 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
16 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
24 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
20 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
31 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
18 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
33 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
26 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
33 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
70 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
25 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
31 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
36 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 ...
0
votes
0answers
27 views
Angular-ui: Is resolve the only way to pass scope to an angular-ui modal?
I have been using angular-ui with angularjs for a while now and have encountered a problem and subsequently a solution, but I want to know if this is a good way to do things. The original issue was ...
1
vote
0answers
12 views
bootstrap dropdown caret breakes in safari
I`m trying to do ellipsis on the dropdown from angular ui bootstrap and the caret keeps breaking down either on safari, chrome or firefox. Fixing one will break another.
I've made a plunker with it ...
0
votes
3answers
38 views
Can't access form values in a $modalInstance
I'm opening a $modalInstance in which user has to choose an option from radio inputs (values loaded dynamically) and return chosen value.
I have this function to open the $modalInstance:
...
0
votes
0answers
10 views
Merging two Angular bootstrap tabsets
I have two directives which contain a tabset with some tabs. I want a view where I want to see all the tabs in both directives in a single tabset. What would be the best way to approach this?
0
votes
1answer
26 views
Form Validation not working with ui-boostrap
I'm having a bit of trouble getting the form to run it's validation function. I have a plnkr. I Know I'm close... The validation file is loading in without errors. It's just not running the validation ...
0
votes
0answers
15 views
UI.Bootstrap moduler Uncaught error for version 0.9.0
I am currently trying to add a header to my html page by using 'data-ng-include' but I keep getting a "Uncaught Error: [$injector:modulerr] Failed to instantiate module agentOnlineApp" error. I have ...
0
votes
1answer
35 views
Angular-UI-Bootstrap accordion not opening
My accordion's aren't opening up. I initially thought it was due to the ng-view as there have been many bugs reported. I tried both of these solutions but it doesn't seem like the a tag is causing the ...
1
vote
1answer
27 views
How do i check all my html contents are loaded in angularjs?
I am using angularJS 1.2.1 and angular-ui-bootstrap
In my code i have list of <ng-includes> from angularjs and <accordion> from angular-ui
But when i load the content i want to make ...
1
vote
2answers
42 views
Clickable button inside of a clickable panel
I have a button inside of an accordion, like this:
I made the entire accordion head clickable by doing this:
<accordion-heading ng-click="isopen=!isopen">
<div>
<span ...
4
votes
2answers
2k views
angular-bootstrap modal dialog won't show despite seemingly correct call
I am trying to call modal dialog from an angular controller. The example is pretty simple and not far from very trivial. I have code such as
$modal.open({
template: '<div ...
39
votes
2answers
13k views
What is the difference between ui-bootstrap-tpls.min.js and ui-bootstrap.min.js
At the Angular-UI-Bootstrap page on cdnjs, is says:
Native AngularJS (Angular) directives for Twitter's Bootstrap. Small footprint (5kB gzipped!), no 3rd party JS dependencies (jQuery, bootstrap JS) ...
1
vote
1answer
2k views
How do I make the carousel indicators in angular ui use thumbnails from a model in a controller?
I'm using the angular ui bootstrap carousel and I want to make the indicators thumbnails. I have a controller that looks like this (from the demo):
function carouselCtrl($scope) {
...
10
votes
1answer
5k views
AngularJS/Angular-ui-bootstrap Changing language used by the datePicker
I use the datePicker documented here.
However, no direct option allows to change the language, English by default.
I find a the documentation of the widget provided without angular directive, and it ...
41
votes
2answers
21k views
Scope issue in AngularJS using AngularUI Bootstrap Modal
plunker: http://plnkr.co/edit/wURNg8ByPYbEuQSL4xwg
example.js:
angular.module('plunker', ['ui.bootstrap']);
var ModalDemoCtrl = function ($scope, $modal) {
$scope.open = function () {
var ...
10
votes
5answers
6k views
How do I create an AngularJS UI bootstrap popover with HTML content?
I want to create a bootstrap popover with a pre tag containing a prettified JSON object. The naive implementation,
<span popover='<pre>{[ some_obj | json:" " ]}</pre>'
...
26
votes
3answers
22k views
Responsive dropdown navbar with angular-ui bootstrap (done in the correct angular kind of way)
I've created a JSFiddle with a dropdown navbar using angular-ui-boostrap's module "ui.bootstrap.dropdownToggle": http://jsfiddle.net/mhu23/2pmz5/
<div class="navbar navbar-fixed-top">
<div ...
