Tagged Questions
0
votes
0answers
17 views
Bootstrap dynamic divider for columns (angular solution preferable)
Let's say I have a typical bootstrap layout with row's and col-lg-x's
<div class="content container">
<div class="row">
<div class="col-lg-5">
</div>
...
0
votes
0answers
21 views
Unit testing : testing a modalinstance controller with Karma / Jasmine
EDIT : Quick & Dirty solution at the end of this post
I am using a modal window from AngularUI-Bootstrap in the same way that it is explained on the website, except that I splitted files.
...
1
vote
1answer
27 views
Angular UI Bootstrap alert is not closing
I have copied angular Uis example and it is not closing.
Despite the fact that my close function is being called etc and have also tried setting the alert to null manually and no luck.
HTML:
...
1
vote
1answer
10 views
Simple page using tab and accordion from angular ui-bootstrap fails to load in IE8
I have a somewhat complex SPA working in Firefox and Chrome. It fails without much information in IE8. The full app uses ngTable and the tab and accordion components from ui-bootstrap, but I've been ...
0
votes
1answer
31 views
AngularUI Bootstrap Modal. Scope issue
Im fairly new to AngularJS and I'm trying to create an List with "Draggables" that you can drop in 4 lists which are sortable. I got this to work with AngularUI-Sortable.
Now for the next part I'm ...
2
votes
0answers
20 views
angular bootstrap modal masks forms
I am trying to get at an angular form in scope to verify validations etc.
Base Case
Let us say I have the following HTML:
<body ng-controller='MyAwesomeController'>
<form ...
2
votes
0answers
30 views
Boostrap dropdown events not working with bootstrap-ui
According to http://getbootstrap.com/javascript/#dropdowns events (e.g., show.bs.dropdown, hide.bs.dropdown) are thrown when a drowdown is opened/closed. This works until module bootstrap-ui is ...
1
vote
1answer
43 views
AngularUI modal to be draggable and resizable
I have an angularUi modal window wrapped in a directive:
html:
<!doctype html>
<html ng-app="plunker">
<head>
<script ...
0
votes
1answer
36 views
ui-bootstrap Datepicker not working
I'm trying to create a directive for the datepicker, but the popup is not working (neither clicking in the textfield or the button)
Plunker: http://plnkr.co/edit/hUxQASblscbhFZFvWDyN
p.d: the idea ...
0
votes
2answers
50 views
+200
Doubly nested views : UI-Router or UI-Bootstrap tabs / accordion?
I am a total Angular (and JS) nebwie (with plenty of other s/w development experience, however).
I want to develop something like this:
(with apologies to @PhillipKregg for borrowing his excellent ...
0
votes
3answers
56 views
Angular JS render JSON in tree like format
How do I render JSON in tree like way just like http://jsonviewer.stack.hu/ does using angular JS?
0
votes
0answers
11 views
ng-grid set cellClass according to field value
i'm using the ng-grid now and want the column to be displayed in different color according to different value, i've tried..but not success....
$scope.gridOptions = {
........
columnDefs: [
...
0
votes
1answer
40 views
Using a service within a service Angularjs
I'm trying to inject a bootstrap-ui $modal service into my factory, but when I do I get a circular dependency issue and when I don't $modal is not defined. The code looks like:
retryModule = ...
0
votes
0answers
18 views
Angular - delaying loading of templateUrl until modal is loaded?
I am using $modal for opening modals.
I have a modal that contains a ui-view. States using the ui-view need to wait until the modal has been added into the DOM, otherwise the states will not find ...
1
vote
1answer
29 views
Strange one-way binding in Angular-UI Modal
I am running into a strange one way binding behavior within a Angular-UI-Bootstrap Modal.
Inside a modal html, two day data binding seems to work fine but the scope variable model at the controller ...
1
vote
1answer
36 views
Modal confirmation as an Angular UI directive
I'm trying to make an Angular directive with angular-bootstrap to mimic the confirm() function.
Here is a plunk showing the visual result and behavior I want to achieve : ...
0
votes
1answer
14 views
Does orderBy work with AngularUI typeahead?
This question is related to another question I asked.
I have managed to get AngularUI Typeahead to work. However, my orderBy filter does not appear to do anything.
This select box orders everything ...
1
vote
2answers
32 views
Why does $modal introduce an extra scope for the form?
I've managed to use the example from angular-ui-bootstrap to demonstrate the problem (but you need the console open to see it) Plnkr link to this code
Why is the form being stuck in a sub scope ...
0
votes
0answers
18 views
Angularui datepicker doesn't work with bootstrap 3.02
I'm using angularui with bootstrap 3.02 and the datepicker doesn't render properly. It shows only a portion of the days in the months. Has there been a fix for this?
0
votes
1answer
25 views
How to clear text from AngularUI typeahead input
I have a typeahead input. The input text is set to the option selected on the typeahead. However, I want to clear this text and display the "placeholder" value again on the text box after I select one ...
0
votes
2answers
26 views
How to execute a create and update operation to an Apache Isis Restful Object using AngularJS
Goodday Folks,
I have implemented a get or read operation using an AngularJS application to invoke a Isis service via an $http call. And displaying the collection on the screen using Angular ...
0
votes
0answers
20 views
callbacks for after AngularJS UI Bootstrap directives have rendered
This has been a sticking point for a day or two now. I'm using UI Bootstrap (http://angular-ui.github.io/bootstrap/) with Angular and I'm trying to figure out how to execute a function after ...
0
votes
1answer
15 views
Angular-ui bootstrap: Date CAN NOT be copied inside Tab?
I've a simple Tab which is using Angular-ui bootstrap.
Inside the tab, there is a 'date input' <input type="date"/>
<tabset>
<tab heading="Tab A">
Date Input Inside ...
0
votes
0answers
30 views
Select text in input field of AngularUI modal when it opens
I'm using AngularUI modal in my app. Modal contains input field that is pre populated with some value.
Request: When modal opens, text in that input field should be selected.
I have made directive ...
1
vote
1answer
31 views
load modal using $http in angularjs
I want to load data in modal (ui.bootstrap.modal) with the help of angularJs.For Example i send request through post method and data retrieve successfully and now i want to load it into modal.Here is ...
0
votes
0answers
21 views
Update the UI from bootstrap modal
I've opened the modal using angular and bootstrap.js and its worling fine, but I want to update the UI after opening modal in bootstrap,
//need to add the header color OR update the ui
...
0
votes
1answer
38 views
Grails Asset-pipeline does not load angular partial templates
Im using angular-ui-bootstrap with Grails 2.3.x asset-pipeline:1.6.1 plugin. One of the components - alert.js is attempting to load /template/alert/alert.html but this resolves to 404.
I tried ...
-1
votes
1answer
55 views
Angularjs UI Bootstrap modal — Checkboxes checked state not being update
I am using the AngularJs ui bootstrap modal. I have a page with checkboxes. When the user checks on the checkboxes and click on a button, it passes the checked checkboxes to the modal:
var ...
-1
votes
0answers
47 views
angular-ui boostrap modal center vertically
I have a modal with variable height and want to vertically center it, what i have try is
absolute positioning for moda-dialog with 50% top and left, and for the child div (modal-content) relative ...
1
vote
1answer
54 views
Angularjs - Combining data from multiple $http calls in a for loop
I am having problems combining the data from multiple $http call and displaying a list in an HTML table. There is a first $http call, which returns a set of URLS. Then, I iterate through the URL list ...
2
votes
3answers
60 views
Pass data to angular ui modal (lightbox effect)
Problem:
I want to create a modal lightbox using the Angular UI Bootstrap modal
Details:
I have built a photo grid using ng-repeat. Each repeated photo opens the modal using the open() method. I'm ...
1
vote
2answers
53 views
A directive to format phone number
I was wondering how to automatically format a number in an input field using an angularjs directive? When I type in an input field say 6042919283 I want it to be shown as 604-291-9283.
Thanks
0
votes
0answers
30 views
Directive inside $modal window throws “undefined is not a function”
Using ui-bootstrap I have a really simple custom directive that lists alerts at the top of the page. On normal pages it works like a champ. When I use my directive inside a $modal popup I get ...
-2
votes
1answer
27 views
Change Tab in AngularJS Controller
How to change tab in AngularJS controler?
My HTML look like this:
<tabset justified="true">
<tab heading="Tab1">Content</tab>
<tab heading="Tab2">Content</tab>
<tab ...
0
votes
1answer
61 views
how to two way bind angular-ui-bootstrap-modal without watches and services
I am implementing the Angular ui bootstrap modal from
angular-ui-modal
The basic design exemplified by them is on the plunker next to it.
However my application requires it(the modal) to be ...
0
votes
1answer
38 views
General steps to create a custom module in Angular JS
I'm trying to create a custom module that is fairly similar to the modal provided in the ui.bootstrap library. I would like to be able to open and close it via a service, and pass some options. The ...
0
votes
0answers
105 views
TypeError: elm.find('a').click() is not a function when writing unit test in AngularJS
As I am learning unit testing, I am trying to use the unit test code from angular-UI-bootstrap dropdown toggle directive and I keep on encountering this error (15 of 17 failed tests) when running ...
0
votes
0answers
34 views
Jasmine: test extended angular directive
I'm extending ui-bootstrap-carousel. In order for my test to work, the original carousel directive must execute. This is working within the application (via myDirective.priority: -1). However, it ...
1
vote
0answers
49 views
making angular 1.2.13 work with angular-ui
I have the following plunker http://plnkr.co/edit/OGwS47cMJgkjxCliAfku?p=preview and I just can't manage to make typeahead work with angular 1.2.13 and angular-ui.
Also in my script I get Error: ...
1
vote
1answer
54 views
how to show accordion-group based on items in array
I want to show an accordion-group of angular-ui only if an array contains items. this can be changed dynamically.
I tried to use ng-show but since the array starts without items it is not displaying ...
0
votes
1answer
24 views
Angular.js edit in place with password
This is my example here
I want to add password protect, when i click to "Edit title".
How can i do it?
JS code:
function ClickToEditCtrl($scope) {
$scope.title = "Welcome to this demo!";
...
0
votes
1answer
53 views
angular-ui datepicker custom directive with parameters
i am using angular-ui-datepicker to render datepicker and i am trying customize the option through js...
the directive looks like below
csapp.directive("csDateField", function () {
//options: ...
0
votes
1answer
31 views
Angular: ui-bootstrap dropdown triggers empty watch
I have an interesting issue where an angular-ui-bootstrap dropdown toggle directive closes itself when another dropdown directive is added to the page at runtime. Upon debugging, it looks like the ...
1
vote
1answer
49 views
(Angular + Jade + UI Bootstrap) Dropdown menu has no style attached to it
I'm trying to implement a dropdown menu on angular. So far I got the list of items to print out, but it looks like the following image:
Simply put, it has no style applied to it. Here's what my ...
0
votes
1answer
22 views
In Angular UI (bootstrap based) what event is raised when a date picker is exited?
I am trying to build a custom datetimepicker directive nased on Angular UI Bootstrap and I need to take some action whenever the user dismisses the standard date picker. So, the steps are:
User ...
0
votes
1answer
39 views
Injecting dependencies into controllers - angularjs
I am using the $modal service to invoke a controller and its respective template. it looks something like this :
$modal.open({
templateUrl: 'someTemplate.tpl.html'
controller: 'MyController',
...
0
votes
1answer
43 views
how to not count less as operator javascript [duplicate]
My problem is that my AngularJS application has to get a record from a JSON file, but the record is named like this:
something-XD.
Clearly the application counts the - as an operator and I need to ...
0
votes
2answers
61 views
AngularJS common $destroy for all scopes
I've created an Angular service which serves as a simple mechanism to handle success/warning/error/info alerts to the user in a common place throughout my app (code below). These alerts are bound to ...
2
votes
1answer
100 views
Angular ui-bootstrap tabs not rendering ui-view
I am upgrading an existing angular app to all the latest versions of angular (v1.2.13), ui-router (v0.2.8), and ui-bootstrap (v0.10.0).
I have nested views that have multiple named views. One of the ...
0
votes
1answer
19 views
startView Angular UI Bootstrap DatePicker
Could it be possible to set an attribute for the startview of the datepicker?
For example, could the datepicker be opened showing years instead of months?
This is described here ...
