Tagged Questions
0
votes
0answers
7 views
AngularJS BooutstrapUI Typeahead with dynamic data
I'd like to find the way to pass to the Angular UI typeahead dynamic data.
The problem is that when I've got the data the popup doesn't appear.
So, is there any method to open the typeahead popup ...
0
votes
1answer
33 views
Dropdown Toggle with AngularJS That Closes on Click Elsewhere
Implementing a simple dropdown directive that uses ng-show to show or hide a menu is trivial in AngularJS. I want to also close the menu if the user clicks elsewhere in the screen after having opened ...
0
votes
2answers
133 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) ...
0
votes
1answer
35 views
What is the difference between “dismiss” a modal and “close” a modal in Angular UI-Bootstrap?
What is the difference between "dismiss" a modal and "close" a modal?
close(result) - a method that can be used to close a modal, passing a result
dismiss(reason) - a method that can be used to ...
1
vote
0answers
31 views
Hide angular-ui tooltip on custom event
I've been looking around and trying out different things but can't figure it out. Is it possible to hide an angular-ui tooltip with a certain event?
What I want to do is to show a tooltip when ...
0
votes
0answers
49 views
Setting Model in AngularJS Control Not Updating View (something…)
I am experiencing issues with updating values in my AngularJS controller and having them properly reflecting in my model.
I have the following form in my view:
<form name="formSignIn" ...
0
votes
1answer
53 views
Angular UI Bootstrap Modal - how to prevent multiple modals opening
I've implemented the modal directive, and set the $modal.open option backdrop to false. However, now I can trigger multiple modals to open. Is there a way to prevent the trigger button from firing ...
1
vote
1answer
29 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) {
...
0
votes
1answer
44 views
angular bootstrap popover - remove title in custom directive
I wrote a small directive that show popover (Angular-UI Bootstrap) when the length of the text is to long.
Every time the popover been shown, it's always adds a blank row for title - how do i remove ...
0
votes
1answer
39 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 ...
1
vote
1answer
71 views
AngularJs bootstrap how to get rating value after form submit?
I have implemented the bootstrap star rating in angularjs...everything works fine but am unable to get final rating value after form submit ..below is code
//enter code here js
...
0
votes
0answers
59 views
How to have at least two datepickers of ui-bootstrap on a single page?
I want to have several datepickers on a page. But with the default solution from UI-Bootstrap it is not possible, no one of datepickers may be opened. The conflict with each other. Here is my code:
...
0
votes
2answers
36 views
Translate Angular-UI pagination
How can I translate text in Bootstrap UI pagination directive?
I've overrided the constants like this for french translation:
angular.module('myapp', ['ui.bootstrap'])
...
0
votes
1answer
96 views
Angular-ui-bootstrap typehead not working with AngularJS 1.2.0-rc3
Here is a working example of Angular-ui-bootstrap typehead working with AngularJS 1.0.5:
http://plnkr.co/edit/me20JzvukYbK0WGy6fn4
The template uses ng-bind-html-unsafe witch is deprecated in ...
0
votes
2answers
49 views
datepicker inside a modal not working
I am trying to use ui-bootstrap components to make a datepicker inside a modal. The datepicker has to send back a date formatted as a unix timestamp.
this is working fine if the datepicker is not ...
0
votes
2answers
124 views
AngularJS modal window data/object flow
I've created a small demo to use when i need to open a modal window in Angular. Using a directive as the modal window template.
What im not sure about is the way im passing data/functions to the ...
0
votes
0answers
38 views
Angular UI Bootstrap Datapicker
this is my base code:
http://plnkr.co/edit/PuzsgIgpRKUwuXbyIMSq?p=preview.
I want to visualize the datepicker popup only on button click and not on input focus.
Moreover the data in the input ...
1
vote
2answers
97 views
AngularUI-Bootstrap's Typeahead Can't Read `length` Property of `undefined`
I am getting the following error when I attempt to get a typeahead values from AngularUI-Bootstrap, using a promise.
TypeError: Cannot read property 'length' of undefined
at ...
0
votes
2answers
82 views
angular-ui datepicker does not allow format dd.MM.yyyy when entered into the input field
I think the best way to describe this problem is to steer you to the Plunk:
http://plnkr.co/edit/cRO5UgAyZx5SHJSKrzg7?p=preview
The angular-ui datepicker doesn't like us Europeans!
Start by ...
0
votes
1answer
20 views
how to access $dirty, $dirty value of bootsrap-ui datepicker?
how to access $valid, $dirty value of bootsrap-ui datepicker?
planker
0
votes
0answers
56 views
Fade effect for tabs in ui-bootstrap (Angular.JS)
How can I add fade animation to a tabset using angular-ui-bootstrap?
For example, given the following code:
<tabset>
<tab heading="Tab1">Some content</tab>
<tab ...
0
votes
2answers
246 views
Upgrade ng-boilerplate to use angular ui bootstrap 3
I am using AngularJS v1.2.0-rc.3 with a project using ng-boilerplate. I want to use Bootstrap 3 so I've changed the bower file to use the branch for version 3, but now grunt fails when running the ...
0
votes
1answer
80 views
Where is $dialog.messageBox() in Angular UI?
I could not find $dialog service in AngularUI and I tried to explore a simple messageBox() to create a confirmation dialog box using $modal. Could not find that either.
Can somebody suggest me how to ...
0
votes
1answer
63 views
Angular component in wicket panel
I need your help again!
I'm working on getting an angular component (ui-bootstrap-datetimepicker) to load in a wicket component that is loaded outside of my angular code.
Here's what it looks like ...
1
vote
2answers
119 views
ui bootstrap modal's controller 'is not defined'
i am trying to use the modal directive from ui-bootstrap 0.6
here is the working default plunker from the ui-bootstrap page:
http://plnkr.co/edit/JGBiBSeRqOnwRhYA9py8?p=preview
now, i tried to ...
0
votes
1answer
52 views
$scope.myVariable not updated in controller for angular-ui bootstrap modal
In my view I have an input, a span and a button like so:
<script type="text/ng-template" id="myTemplate.html">
<input type="text" ng-model="phoneNumber">
<span>{{ ...
0
votes
1answer
105 views
Wiring up AngularUI to Bootstrap 3 throwing errors
I have been trying to wire up AngularUI to Bootstrap 3 to no avail. I grabbed the appropriate AngularUI code from the bootstrap 3 branch here:
...
0
votes
1answer
67 views
Angular-UI Bootstrap Modal requiring a timeout to close without error when closing from event
I'm getting an error current is null when I am executing the following code in the controller of the modal.
$scope.$on('cart:item_updated',function(evt, item){
$modalInstance.close();
...
0
votes
1answer
62 views
Why does my ng-grid edit template not close on blur
I have an ng-grid table with an editbale cell which I am using angular ui datepicker for.
{
width: "80px",
field: "EstInvDate",
displayName: "Inv Date",
enableCellEdit: true,
...
1
vote
2answers
62 views
Combining angular-ui progressbar with ngClass
I would like to combine the directive progress from angular-ui, with the directive ngClass.
So far I don't get any reactions at all. Am I doing this wrong, or is it not possible to combine?
What I ...
0
votes
1answer
63 views
Expand many accordion groups at once
I have the following accordion (using angular-ui-bootstrap) inside a paginated loop of elements:
<div data-ng-repeat="m in results">
<div class="stuff_in_the_middle">
...
0
votes
1answer
134 views
Angular UI typeahead variance between 1.0 and 1.2
I found a SO question that showed me how to use an Angular UI - Bootstrap typeahead with $http object. It worked fine (see first plunk) until I changed the Angular version to 1.2RC2 which it is now ...
3
votes
2answers
892 views
Modal Window Issue (Unknown Provider: ModalInstanceProvider)
New to AngularJS and can't seem to find out what this error means. I've found a few others with the same error but it seems their issues don't correlate to mine.
Unknown provider: $modalProvider ...
0
votes
1answer
78 views
Use a controller in another controller in Angular
The modal in angular-ui example is implemented with a ModalInstanceCtrl inside a ModalDemoCtrl controller like so:
var ModalDemoCtrl = function ($scope, $modal, $log) {
$scope.open = function () {
...
1
vote
0answers
237 views
Angular UI/bootstrap typeahead showing 'Error: No controller: ngModel' error
In my application I am calling an http service to get data and I am using angular-ui bootstrap's typeahead directive (ui-bootstrap-tpls-0.6.0.min.js). I have a partial that has a form that mentions ...
0
votes
1answer
595 views
AngularJS UI Bootstrap modal is unable to perform functions from scope
In my angularjs app I use UI Bootstrap for creating modals. I pass scope and custom controller into the modal, it shows my data from original scope but cannot perform any of its function.
I have main ...
1
vote
0answers
56 views
make angular-ui append modal inside div with class .enable-twitter-bootstrap
We have a big site with lot's of legacy .css with rule names that collides with the ones of twitter bootstrap. As a solution we use a .sass version of bootstrap and have wrapped everything like so:
...
1
vote
0answers
115 views
How to translate Angular-UI-Botstrap datepicker?
The documentation for the datepicker (Angle-UI-BootStrap) reports:
Everything is formatted using the date filter and thus is also
localized.
Checking the documentation for the date filter can ...
0
votes
2answers
185 views
AngularJS UI Bootstrap typeahead with ajax using Coffeescript
My question is very similar to this post 'Using typeahead and ajax in a AngularJS app'
Coffeescript:
$scope.tradingPartners = (searchOn) ->
console.log("Searching on #{searchOn}")
...
0
votes
1answer
65 views
ui.bootstrap tooltip and ng-model in input element don't play well together?
I am trying to create an input element with a tooltip and bind a function to the enter keypress event. Each of these functionalities work in itself, but not combined. Here is the markup:
<input ...
0
votes
1answer
85 views
Angular-UI tooltip messes with keypress event?
I 'm using the following directive to listen to enter keypresses on an input element:
.directive('ngEnter', function () {
return function (scope, element, attrs) {
...
0
votes
1answer
49 views
angular-ui bootstrap tabs reorder orderBy
I am using angular and angular-ui-bootstrap tabs. I would live to use the orderBy or be able to dynamically reorder the tabs.
I created this plunkr
<tab ng-repeat="tab in tabs | ...
0
votes
1answer
70 views
has no method 'focus' on ui-bootstrap datepicker
I'm getting this error:
TypeError: Object [object Object] has no method 'focus'
when I do click on datepicker input. I'm using:
angular v1.0.8
angular-bootstrap v0.5
This plunker shows that ...
0
votes
0answers
198 views
Unable to see Tabset/Tab content
I have the following setup
index.jade
...
li
a(href="/template/tabs/tabs") tabs
...
script(src='js/tabs.js')
In my angular app.js
angular.module('myApp', ['myApp.filters', ...
0
votes
1answer
181 views
Using angular-ui bootstrap and typeahead-loading
So I can't seem to figure out how to use the typeahead-loading attribute to show a spinner while my typeahead is getting remote data. I can't find any examples of its use anywhere.
Is that value ...
1
vote
1answer
245 views
Angular-ui tooltip with HTML
I am currently adding some bootstrap tooltips in my application.
All of the "normal" tooltips are ok, but when I want to use tooltip-html-unsafe, all I got is an empty tooltip.
My tooltip:
...
3
votes
1answer
345 views
ui-bootstrap modal scope bug
I am noticing some weirdness with the ui-bootstrap modal scope. It seems that when using ng-model in it, you have to reference $parent to get to the scope of the modal controller. Notice in my ...
1
vote
1answer
2k views
Angularjs UI Modal Forms
I used to have a login dialog using bootstrap modal:
$scope.loginDialog = {
backdrop: true,
keyboard: true,
windowClass: "modal loginDialog",
backdropClick: true,
templateUrl: ...
0
votes
1answer
104 views
Updating model value in Angular Bootstrap UI typeahead
I am using the Angular Bootstrap UI typeahead and trying to update the model value inside the typeahead. But the updated model value does not reflect the changes unless specifically applied.
...
2
votes
1answer
189 views
How to save some state into the URL as a query parameter
I'm using AngularJS 1.0.7, with ui-bootstrap 1.0.4.
My application has a main navigation bar, and some pages have an extra level of tabs (using ui.bootstrap tabset and tab directives).
What I'm ...
