Tagged Questions
1
vote
0answers
19 views
wrapping inputs in directives in angular
I had the idea to wrap inputs into custom directives to guarantee a consistent look and behavior through out my site. I also want to wrap bootstrap ui's datepicker and dropdown. Also, the directive ...
0
votes
1answer
22 views
Problems binding Angular custom directive to model
I am trying to get two multiselect widgets to stay in sync, but am only able to get the behaviour going in one direction.
One widget is on the main page, and the other one is in an angular ...
1
vote
2answers
90 views
Should I use Angular UI Bootstrap or plain Bootstrap 3?
At time of writing Angular UI Bootstrap is based on Twitter Bootstrap 2 while the latest version is Bootstrap 3. If I were to write an application in Angular.js TODAY, what UI framework should I use? ...
1
vote
1answer
26 views
Closing a modal automatically on navigation (when clicking an anchor)
I'm using angular-ui modal in my webapp. one of models display many links (anchor elements) that navigate to various parts of the app. the modal can be closed as usual with modal.dismiss() or ...
0
votes
1answer
43 views
Angular UI Bootstrap Modal update $scope
I want to use the modal to edit my data. I pass the data to the modal instance. When I click ok I pass the edited data in the $scope.selected back to the controller.
There I would like to update the ...
0
votes
1answer
32 views
Angular UI Bootstrap modal doesn't show
Hi I'm using the UI Bootsrap version ui-bootstrap-tpls-0.7.0.js. I used their example modal in my code. Everything seems to work except, that the modal window doens't actually show. The background ...
-1
votes
2answers
32 views
error when injecting $modal in angular
I am trying to open a modal popup based on some condition. However i am getting the below error
Error: [$injector:unpr] ...
-1
votes
0answers
23 views
How to access resolved items from angular ui modal?
I am using the AngularJS UI modal, and I get the items array to the modal form. My items array contains of several services that has three child arrays. In every child array there are one item that ...
0
votes
1answer
42 views
Access controller method from AngularUI bootstrap modal popup
I am using the AngularUI bootstrap modal popup. I am loading an aspx file into the popup by using 'iframe'. Here is the code for my popup template:
<script type="text/ng-template" ...
0
votes
1answer
30 views
AngularJS + UI-Bootstrap passing parameters to modal dialog
I'm trying to use a simple modal dialog for editing an item in a list in the context of an Angular app. For modals I'm using UI-Bootstrap (AngularUI), which I know has still issues with Bootstrap 3 ...
0
votes
1answer
27 views
angular-ui dropdown-toggle [object Object] has no method parent
I've got a problem employing angular-ui Bootstrap in my project. Namely dropdown directive.
By now i have HTML that is just a copy-paste from the examples:
<ul>
<li class="dropdown">
...
-1
votes
0answers
31 views
how to show the multiple values on button or input field
I am thinking to put a button with some values like ABC, DEF when we have more then this values how could i show the values on button ( button width should be 150px)
As in my mind i am thinking
1. ...
0
votes
3answers
46 views
top-level modal dialog to cover whole angular application
i would like to implement a login dialog using a modal (from angular-ui-bootstrap project).
It should lay over the whole application, cover it in the backdrop and should be able to be raised as soon ...
3
votes
2answers
50 views
UI-Bootstrap Datepicker Ignores ng-Change in Some Cases?
I'm trying to understand why the Clear and Today buttons in the below plunker don't cause ng-change to fire.
For reasons beyond the scope of this question, I can't use a $watch on my ng-model ...
-2
votes
0answers
23 views
Angular UI Bootstrap carousel Directive Vertical scroll
I was trying to use the Angular UI bootstrap carousel Directive.
By default the scrolling is Horizontal. Is there a way to make it vertical scroll?
0
votes
1answer
30 views
AngularJS/ui-bootstrap radio button group + tooltip?
Example here: http://plnkr.co/edit/a3sSYCy6y046uDJoqb4X?p=preview
I have a AngularJS/ui-bootstrap radio button group which works, but when I add tooltips to the buttons, they no longer update the ...
1
vote
1answer
36 views
How to load ui.bootstrap module by diffrent way from controller?
I have following project configuration:
var app = angular.module('myApp', []);
app.config(['$routeProvider', function($routeProvider) {
$routeProvider.when('/aaa',
...
0
votes
1answer
52 views
Wrapping angular typeAhead in separate directive
My goal was to wrap angular-ui typeAhead directive into easily re-usable component, that could be used like this:
<input my-person-lookup="myModel.personId" ></input>
I've achieve this ...
0
votes
2answers
91 views
Angular ui.bootstrap accordion and bootstrap3
I'm well aware that ui.bootstrap is not yet fully ported on bootstrap 3, but I have built most of my app using it, and I can't simply go back to 2.3 just for this component.
That said, I'm evaluating ...
0
votes
0answers
31 views
Why does typeahead.js ignore spacebar presses?
I'm using the AngularJS wrapper for typeahead.js to add autocomplete functionality to an input field. It works well, except that I can't type spaces in the field; when I press the space bar, there's ...
0
votes
1answer
28 views
Wrapping angular-ui-typeahead breaks the on-select callback
I'm trying to wrap AngularUI's typeahead directive with my own directive so I can package up some shared data/behavior for easier reuse in my app: Plunker
In the onSelect callback, why does the ...
0
votes
1answer
81 views
Angular UI-Bootstrap 0.7.0 Collapse
I'm using the collapse feature of UI-Bootstrap (http://angular-ui.github.io/bootstrap/#/collapse) but when I use the collapse/toggle it loses the data and just returns "true".
Here is a Plunker to ...
0
votes
0answers
56 views
Angular UI Bootstrap datepicker: ng-readonly support
Angular UI Bootstrap datepicker does not honors ng-readonly attribute.
If ng-readonly expression is true, text input field is greyed and can not be modified, but datepicker's calendar pops up, ...
0
votes
1answer
77 views
Create Hoverable popover using angular-ui-bootstrap
I have the following code for creating a popover in my template file:
<span class="icon-globe visibility" id="visibilityFor{{post.metaData.assetId}}" popover="{{post.visibilityListStr}}" ...
0
votes
0answers
28 views
how can angular ui modal popup from right side
how can the angular ui modal popup from right side, not the top ? That will be more interesting.
angular-ui
2
votes
1answer
50 views
AngularUI Datepicker dynamic date disabling
I am using the AngularUI datepicker.
I have two datepickers that influence each other. One is for example a "start date" and the other is an "end date". Instead of creating validation for both ...
1
vote
2answers
74 views
AngularJS - ui.bootstrap typeahead with an heterogeneous data array
I'm writing a typeahead search bar using ui.bootstrap typeahead and found the component pretty straight forward to use.
My Controller feeds the data into the $scope like this:
var good = [{ name: ...
0
votes
1answer
145 views
Angular - UI Bootstrap Datepicker not displaying over Bootstrap Modal
I have an Angular app that I am using UI Bootstrap. I have a modal with a Datepicker at the bottom of the modal. When expand the Datepicker, it stays inside the modal. I have tried changed the ...
0
votes
0answers
86 views
How to populate Angular UI Bootstrap Typeahead with newest $resource
According to this Paweł Kozłowski's answer, Typeahead from AngularUI-Bootstrap should work when asynchronously obtaining popup items with $resource in newest Angular versions (I'm using 1.2.X).
...
9
votes
1answer
206 views
Wrapping the angular-ui tabset directive and encountering the “Multiple directives asking for transclusion/ isolated scope” errors
I'm trying to extend the angular-ui tabset functionality and I'm running into issues with wrapping it.
This plunker is the tabset directive un-wrapped:
...
1
vote
1answer
110 views
Angular UI-Router fails to load template that I didn't ask for
Plunker Code Showing Issue Described Below
http://plnkr.co/edit/Bz3Qhf1eDuFrnKI0qnUo?p=preview
I am using two components of the AngularUI suite, UI-Router and UI-Bootstrap.
UI-Router is responsible ...
0
votes
0answers
52 views
AngularJS UI Bootstrap 0.6.0 Modal with Module.Controller() syntax
Instead of defining the controller for my modal instance like this:
var ModalInstanceCtrl = function ($scope, $modalInstance, items) { /*ctrl-code-here*/ };
I want to define it using ...
0
votes
1answer
66 views
Angular-UI-Bootstrap - Modal Dialog scope issue
I am new to AngularJS and am trying to figure out a simple way of displaying a modal dialog (using Angular-UI-Bootstrap) for $http call errors and pass the error text from the calling controller to ...
0
votes
1answer
49 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
62 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
73 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
114 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
123 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
217 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
61 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.
...
1
vote
1answer
279 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
89 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
73 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
143 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 ...
1
vote
2answers
1k 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
77 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 ...
2
votes
0answers
159 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
238 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
283 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
113 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) {
...
