Tagged Questions
0
votes
1answer
30 views
Is there a way to open a modal directly from a controller?
I have seen and have many examples of opening a modal on a ng-click but can I open a modal on the resolution of a $http get request? I have a plunker that I am trying to get the general idea here ...
0
votes
1answer
27 views
Use multiselect false property with checkboxCellTemplate
I have an ng-grid that utilizes the showSelectionCheckbox: true property with a custom checkboxCellTemplate.
If I remove checkboxCellTemplate I get the functionality I want where only one checkbox ...
0
votes
1answer
28 views
Angularjs ui modal windows with timepicker
I am trying to add a timepicker and a datepicker on a modal window and feels like the mytime model doesn't update. You can see it in the alert windows.
Can someone give me a hint. When I do a output ...
2
votes
1answer
52 views
AngularJS/UI/Bootstrap remove affix from an element?
I am using AngularJS 1.2 and Bootstrap 2.3, although I think it is irrelevant that Angular is involved since this is just jQuery. I want to be able to turn the affix on and off for a particular ...
0
votes
1answer
56 views
ui bootstrap datepicker with unix timestamps
I am trying to use ui-bootstrap datepicker binded to unix timestamp datas.
to do so, i would like to use this directive which transforms the unix timestamp to a javascript date from ng-model.
here ...
0
votes
1answer
80 views
AngularJS inject issue with Angular Bootstrap modal
I am integrating the modal from Angular Bootstrap and trying to adapt code sample from here to my app. I get the error: Error: [$injector:unpr] Unknown provider: $modalInstanceProvider <- ...
0
votes
0answers
39 views
$scope unidefined in modal angular js
i am using modal in angular but when modal open so here values are not binding with model i don't know why this happening must be appreciates if some corrected if there is any mistake thanx.
...
0
votes
1answer
90 views
angularjs + bootstrap ui + $modal -> only displaying on the first time
I created a plunker to recreate the problem:
http://plnkr.co/edit/sPPB0Cq0PUg1jmzzZtXh
It contains a mini angular js app with angular-ui-bootsrap.
index.html - main html file with js includes and a ...
0
votes
1answer
49 views
Acces Angular Controller from within a tab nested directive
I want to create a Tab interface with Angular and i chose angular-ui-bootstrap for the tabs. I crated a TabController with the <tabset> inside. I created a TabService as a source for the tabs.
...
1
vote
0answers
47 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
78 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
442 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
50 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
65 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
77 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
113 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
57 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
60 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
59 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
133 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
88 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
60 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
188 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
73 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
142 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
39 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
141 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
123 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
26 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
93 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
482 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
137 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
88 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
188 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
73 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>{{ ...
1
vote
1answer
157 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
100 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
93 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
69 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
67 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
201 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
1k 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
86 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
313 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
926 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
66 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
160 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
260 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
87 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
107 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) {
...
