Tagged Questions
0
votes
0answers
19 views
Accessing Angular UI Bootstrap method from parent scope without $on
First of all, I know how to accomplish this in a hacky way (directly editing the CarouselController with a $scope.$on watcher where I could $broadcast or $emit from another scope to trigger functions.
...
0
votes
1answer
19 views
Minimal AngularUI page functionality not working
I've got the following code:
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js ...
0
votes
1answer
31 views
Angular UI-Bootstrap dropdown button on ng-options
<select class="form-control" data-ng-options="t.name for t in vm.types"
data-ng-model="vm.object.type"></select>
The code above obviously displays a basic dropdown in a standard ...
0
votes
2answers
50 views
Angular ui.bootstrap.buttons not updating after element remove
I have a set of Radio-bottoms, that is driven off a Array. for a Multi-Choice answer setup.
<div ng-repeat="option in options">
<div>
<button type="button" style="min-width: ...
-2
votes
2answers
57 views
Opening angular-ui-bootstrap modal from javascript
I am trying to open the modal dialog from javascript when a certain condition is met. The example shown here http://angular-ui.github.io/bootstrap/ invokes the modal on ng-click.
How do I achieve ...
0
votes
1answer
113 views
returning data from angularjs modal dialog service
I am fairly new to AngularJS and having a problem with returning data from a modal dialog service. Basically, I copied Dan Wahlin's service ...
0
votes
1answer
35 views
Angular UI - using $modal in my service DI makes $modal as undefined
In latest angula JS and UI-Bootstrap, my below code injects $modal but it is undefined. Note that if I inject $modal into a controller, it works great.
Can anyone suggest why the DI fails to init ...
0
votes
0answers
23 views
Add scope property to angular-ui typeaheadPopup
I'm using angular ui bootstrap's Typeahead directive and I want to add a property to the scope of the typeaheadPopup like so:
.directive('typeaheadPopup', function () {
return {
...
0
votes
1answer
29 views
Angular ui tab with seperate controllers for each tab
I would like to make a bootstrap tabset with each tab having it's own controller. Can anyone point me in which direction I should go.
Currently I have made several difference controllers, which I ...
0
votes
2answers
74 views
Possible to install just Bootstrap CSS with Bower?
Starting a new Angular project via Yeoman asks if you want to include Twitter Bootstrap (I'm using Sass flavor). Doing so includes both the styles and scripts. However, I want to use UI Bootstrap ...
0
votes
2answers
73 views
Typeahead plugin in angular-bootstrap not working for me
I can't get typeahead feature in angular-bootstrap to work in a simple yeoman-generated environment. What I'm expecting is to be able to start typing into an input field and have a dropdown show ...
1
vote
2answers
165 views
Good way to dynamically open / close a popover (or tooltip) using angular, based on expression?
I have a form that is wired into angular, using it for validation. I am able to display error messages using ng-show directives like so:
<span ng-show="t3.f.needsAttention(f.fieldName)" ...
0
votes
1answer
55 views
watch expression new value always equals to old value
i'm using two Angualr Bootstrap-ui Datepicker directives in a single controller.
The code is very simple, the view :
<div class="row">
<div class="col-md-6">
<p ...
0
votes
1answer
109 views
angular-ui-bootstrap accordion collapse/expand all
I would like to create a collpase/expand all button for a set of accordions. I am using angular.js v1.2.6 and angular-bootstrap-ui 0.9.0. I haven't been able to find an example of how to do a ...
0
votes
1answer
54 views
AngularJS: embedding ng-grid into bootstrap ng-modal causes $digest loop iterations reached
Has anyone successfully put a ng-grid inside a bootstrap ng-modal dialog? I get the dreaded "10 iterations reached" $digest loop (invoked on $locationWatch). It happens as soon as I open the modal. ...
0
votes
1answer
134 views
AngularJS and Twitter Bootstrap themes (or alternative?)
We're looking to build an app with a bootstrap theme (e.g. https://wrapbootstrap.com/theme/smartadmin-responsive-webapp-WB0573SK0) so that we can get UI that looks nice without investing too much in ...
0
votes
1answer
21 views
Angular.js(UIBootstarp) Timepicker is showing ng-invalid class for input type=“number”
I am implementing timepicker(UIBootstrap + angular.js).
ByDefault it uses the {{input type="text"}} for hours and minutes.
it works fine but i m using this in mobile so i want to open the number ...
android
0
votes
1answer
75 views
AngularJS & ui.bootstrap.modal service templateUrl - Can I use Angular route?
I'm pretty new to Angular but loving it! I am trying to create a modal dialog to display a partial view. ui.bootstap.modal has an option which takes the URL to the partial view to be displayed. I have ...
0
votes
0answers
37 views
How to set prevous-text and next-text attribute as HTML template in angular-ui bootstrap pagination directive
I'm going to use http://angular-ui.github.io/bootstrap/#pagination
I need to set 'previous', 'next' indicators as html.
something like:
<pagination
previous-text="'<span class="glyphicon ...
0
votes
1answer
55 views
Issue with drop down menu directive, ui-bootstrap, angular
I'm trying to make a dropdown menu. I'm usinig the Dropdown toggle directive form ui-bootstrap. I want to customize this a little. I want the drop down title to change to the option which I have ...
0
votes
1answer
37 views
Angular bootstrap scrollspy doesn't work with dynamic image content
I followed this answer and fork an example:
How to implement a scrollspy in angular.js the right way?
My purpose is to populate dynamic content using template and there are images in there:
...
0
votes
0answers
112 views
Angular UI Bootstrap Modal Dialog Close Event
How do I detect when an Angular UI Bootstrap modal dialog is closed?
I need to know when the dialog closes so I can broadcast a loginCancelled event using the angular-http-auth library to prevent my ...
0
votes
1answer
41 views
is it possible to apply a custom class to bootstrap.datepicker buttons
I am new with the bootstrap. Currently I am using bootstrap Datepicker (ui.bootstrap.datepicker)
In (ui.bootstrap.datepicker) buttons from which we navigate months have classes named .pull-left and ...
0
votes
1answer
148 views
AngularJS angular-ui bootstrap timepicker as dropdown
i like to show the timepicker as a dropdown (popup) in a input element like the datepicker.
Is there any easy way to accomplish this or is a complete new directive necessary ?
0
votes
3answers
42 views
No title & content with bootstrap.ui tabs
I try to make tabs with Angular bootstrap.ui Tabs. Static tabs work, but dynamic don't show title and content. Below my code:
My JS:
(function (angular) {
angular.module('numeter', ...
0
votes
0answers
155 views
Bind Angular JS ui-bootstrap dropdown toggle to ng-model
I am trying to use the angularjs bootstrap dropdown toggle on a form, and i need to be able to bind the selected item back to a model for a new "organisation" in my application.
Here's my js module ...
0
votes
0answers
33 views
linking Angular UI Bootstrap carousel to router
I've been trying to find a way to have an apps url reflect different slides within a carousel. So far the only working method has been to go in the carousel controller and use this:
...
2
votes
1answer
69 views
Angular modal-backdrop issue
I am using angular modal but have a issue with modal-backdrop. i am new to angular any one can help
issue is: when click on modal-backdrop it's hiding the modal popup but i would like to keep the ...
0
votes
1answer
56 views
Pass argument to $http get through Angular UI Modal
I have a list of details, when a user clicks an icon I want it to open a modal that pulls more data on that specific facet. I'm using Angular UI's Bootstrap Directives.
My current controller looks ...
0
votes
0answers
61 views
customize angular-ui typeahead
I would like the typeahead popup to show a loading animation dependent on if some custom loading is being done in my controller.
My view:
<input type='text' typeahead="..."
...
1
vote
1answer
102 views
Remove week column and button from Angular-ui bootstrap datepicker
I am using angular-ui bootstrap datepicker. Now I need to remove #(week) column and week button from datepicker. This date picker is being used in many forms of my application. I want to remove week ...
4
votes
1answer
94 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
33 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 ...
2
votes
2answers
366 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
52 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
94 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
83 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 ...
0
votes
2answers
83 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] ...
0
votes
1answer
77 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
115 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
71 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">
...
0
votes
3answers
71 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
81 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 ...
0
votes
1answer
77 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
40 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
92 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
162 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
47 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
39 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
179 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 ...
