Tagged Questions
0
votes
1answer
9 views
AngularJS UI Re-Authentication Modal Dialog in a Form
I am working on a User Profile form which has a regular "text boxes" and "Save" Button, if anything changes the button gets activated.
On clicking the Save button, I would first like to verify the ...
2
votes
3answers
35 views
AngularJS: Modify Bootstrap Modal after loading content
I want to use this pretty image cropper in my AngularJS project. When I use it the "normal" way, that is on a plain page, everything works fine. The problem is that I want to put it on to the ...
1
vote
1answer
12 views
Angular Typeahead directive - access the matches elements
How can i get the first element suggested by the Angular Typeahead to appear in the inputbox, instead of just in the dropdown? I've searched, but i cant seem to find how to access the elements shown ...
0
votes
1answer
23 views
Not able to bind angular select when bootstrap theme is applied
I have a piece of code which works fine in angular 1.2 without including bootstrap, but when I use the selectpicker class of bootstrap the data binding is not happening. Below is the piece of demo ...
-1
votes
0answers
18 views
where to get that material-design.js
IN Github repo:
if you wish to use AngularJS Material Design, here are the steps
npm install
bower install
gulp build
Include jquery.js
Include angular.js
Include angular-animate.js
Include ...
0
votes
1answer
20 views
Angular UI bootstrap datepicker pop-up not working when upgrading to version 0.11 from 0.10
The angular-ui-bootstrap datepicker isn't popping up when clicked after upgrading to version 0.11.
I've tried the recommended work around which is setting
is-open="dt.open" ng-focus="dt.open=true"
...
0
votes
1answer
25 views
angular “checked” radio on preset model
I have this bootstrap / angular template code, used to set the alignment of an image:
<div ng-repeat="a in attributes">
<div class="btn-group" data-toggle="buttons">
<label ...
0
votes
1answer
27 views
UI Bootsrtap(AngularJS) modal is not working
I have this practice project that I am working on, but I cant get my UI Boostratp modal working. Using example from the site https://github.com/angular-ui/bootstrap/tree/master/src/modal I have been ...
1
vote
0answers
36 views
How to do page transition in AngularJS
I am trying to do page transitions whenever the page is routed to a new path.
I could find awesome transitions @ AngularJS Transitions by Minko Gechev
But I am not able to apply these transitions on ...
0
votes
1answer
46 views
Stay on current page when open new tab in angular js
<a class="seecode_button" href="#{{w.CouponID}}" ng-click="newwindow(w)" data-toggle="modal" data-target="#{{w.CouponID}}">CLICK Here</a>
$scope.newwindow = function(w) {
...
1
vote
1answer
43 views
how to show html on pop over using angular ui bootstrap?
I make demo of pop over like this .It show a pop over on right side when I click the button .But now problem is that how I will show some html on pop over .
<html ng-app="plunker">
...
0
votes
0answers
14 views
Javascript based trigger for angularjs popover/tooltip
Here's what I am trying to do:
I have a grid of elements that have text-overflow: hidden and I want to be able to show a popover/tooltip iff the text is actually hidden. I can do this manually with ...
0
votes
1answer
19 views
$watch doesn't work when using the UI bootstrap(angular)
I have problem when I want to using my select part with the "tab" in the UI-bootstrap.
The view part:
請選擇全國稅基佔市價比例
<select class="btn btn-default" ...
4
votes
1answer
28 views
Angularjs- How to close autosearch view
I'm new to angularjs. I have a input box, below which I'm showing the search results. My code samples are given below. I want close the search result on clicking on "Close search result" span. But ...
-2
votes
0answers
25 views
What are the pitfalls of using standard bootstrap modals with AnglularJS? [on hold]
There is UI Bootstrap project with nice $modal service.
Yet only small part of our application uses angular so far but we design new complex interfaces with angular.
We want to reuse standard ...
0
votes
2answers
26 views
How to inject html into an Angular UI bootstrap popover
How can I inject html into a Angular UI boostrap popover? I'd prefer to simply show and hide a div with all the popover html content.
Right now I have:
<a popover-placement="bottom" ...
0
votes
1answer
15 views
AngularUI Bootstrap Pager - How to set an icon instead of text?
I'm trying to replace the next and previous text inside of the AngularUI Bootstrap directive with a font awesome icon, but the it is being parsed as text and not HTML
<pager previous-text='<i ...
0
votes
0answers
14 views
angular, angular-snap.js, toggle button click hide/show behavior should not effect header and menu
I am using angular-snap.js for my vertical slider. The problem I am facing is that the snap-content and snap-drawer Toggle buttons are appearing and functioning from the top of a page (even above the ...
0
votes
1answer
21 views
angular bootstrap typeahead doesn't respond to clicks or arrow keys
I have a strange problem that I can't seem to replicate in jsfiddle.
I have a simple typeahead (I used the states example on the bootstrap website). All works great, except the arrow keys don't let ...
0
votes
1answer
17 views
add new item to typeahead if it's not on the list
I'm using angular bootstrap typeahead. I would like to make an enhancement where if the item is not in the list, the user has the ability to add a new item (maybe the item being typed shows up at the ...
0
votes
0answers
11 views
Angular dropdown- moving through items in dropdown list using keyboard up/down key
I used angular dropdown directive in my project.
I want to move up/down using keyboard( up/down key) through items in list of dropdown.
How to achieve this?
0
votes
0answers
12 views
onHighlight in in AngularJS Typeahead
Is it possible to fire a callback when a user highlights a choice in the typeahead?
something like
typeahead-on-highlight='callback(highlightedValue)'
0
votes
0answers
13 views
Change typeahead array
I have a table that displays data. In each row, there is a textfield that displays data. The typeahead is used in search boxes for each unique value in the rows.
However, if one value that ...
2
votes
0answers
44 views
Text input box not accepting input in modal from Angular UI Bootstrap
I have a modal (nbr 1) that I open from another modal (nbr 2). The modal nbr 1 works fine and is showing the things it should. But I tried to put an input to filter items in the modal, but the input ...
0
votes
1answer
23 views
How to show popover that is hiding behind navbar
I am new to Bootstrap and Angular. In my webpage there is a button and i am providing a popover for a span like this
<span popover="Download Project History" popover-trigger="mouseenter" ...
0
votes
0answers
10 views
Angular UI modal collides with accordion
I'm working on an angular js app where I have a few Accordions and a button to launch a Modal. The problem is, when I'm opening the Modal by clicking on the button, all the open Accordions get closed. ...
0
votes
2answers
35 views
Clear the ng-model asssociated to textarea inside Angular Bootstrap UI tabset form an outside button
I have used angular bootstrap ui tabset to create two tabs and both of the tabs have textareas associated with a ng-model, i have a clear button outside the tabset and i want to clear the ng-model of ...
1
vote
0answers
16 views
Angular JS & BootstrapUI Accordion Recreate Panel Dynamically
I have an accordion which dynamically recreates panels of the accordion inside itself which is all well and good, however the topmost panel must recreate itself dynamically as well. With the method ...
0
votes
1answer
27 views
Angularjs modal window with routeProvider
I'm having trouble using routeProvider to display a modal window. I am displaying a table list of ingredients and hoping that by clicking on an ingredient, I can display an "update" modal. The table ...
2
votes
2answers
38 views
Angular Bootstrap Typeahead - Append to Body - Stuck
The typeahead display gets stuck to the body when using append to body in combination with routing.
typeahead-append-to-body="true"
I used the Angular seed project and one of the simple Typeahead ...
0
votes
0answers
22 views
ngModel won't update in angular bootstrap typeahead
I am using Angular Bootstrap and have a typeahead that lists items from an array. I use the formatter to properly format each item for display. I also have an on-select to change the ngModel value ...
0
votes
1answer
43 views
AngularJS UI Router shared nested routes/states
I'm looking to share a child state between multiple states.
For example I have a shopping site.
Lets say I have the following
.com/random
.com/browse
.com/browse/product/:productID
...
0
votes
0answers
38 views
dropdown not working with ng-repeat
I am trying to create a menu using ui bootstrap and ng-repeat, however I seem to have an issue with expanding/ collapsing the dropdowns. If I don't use ng-repeat the dropdowns behave like they should, ...
1
vote
1answer
39 views
Bootstrap alert message represented as modal, angular
Bootstrap 3 provides Bootstrap: event messages: success, info, warning, danger.
However sometimes the view doesn't have enough space to show up the event message.
Is there easy way to wrap event ...
0
votes
1answer
33 views
Angular binding not working when using popover directive
I have this input field in a form in my AngularJS app:
<input type="text" data-ng-model="githubRepoUrl" id="githubRepoUrl" class="form-control" placeholder=" popover="Popover text here." ...
0
votes
0answers
30 views
ui bootstrap typeahead throwing error
I am using Angular v1.3.0-beta.17
This is the error: I have no idea what is causing this. Some people say its because the controller is not using promises. Others says that it's the deprecated ...
0
votes
0answers
26 views
AngularJS - textarea placeholder not showing while in ng-repeat
So I found out that if I use <textarea placeholder="Write something.."></textarea> inside ng-repeat, the placeholder of the textarea only shows on focus.
If I remove the ng-repeat of my ...
0
votes
0answers
54 views
Angularjs ui-bootstrap btn-checkbox conditional styling
Would like to use btn-checkbox in place of all my checkboxes on a form. I am looking for the syntax to make a generic reference to the value of the bound property from within the attributes, in this ...
2
votes
1answer
33 views
How to use AngularJS without custom HTML tags?
I’m trying to use UI Bootstrap’s inline datepicker, but it works with a custom tag:
<datepicker ng-model="dt" min-date="minDate"></datepicker>
My template processor doesn’t support ...
0
votes
1answer
17 views
Compile custom directive before ui-bootstrap directive
I'm trying to create my own directive for a datepicker so when the page is opened on a mobile device the input type change to type="date" and the native datepicker gets displayed instead of the ...
0
votes
1answer
23 views
Angular.js return scope property from modal
In this Angular.js directive, I'm trying to return ng-model="commentBox" back to the controller inside of modalInstance.result.then(function(result) {} but I don't seem to be nailing it with resolve ...
0
votes
1answer
22 views
Accessing the state of AngularUI tab from within the elements it contains
I've used AngularUI to build Bootstrap-themed tabs:
<tabset>
<tab>
<tab-heading>Javascript <span class="badge">{{ count }}</span></tab-heading>
...
0
votes
2answers
57 views
how to make ng-model value set by ui-select value
I am currently using angular-ui/ui-select in my project. I am able to bind the value of the ui-select to an object without issue, however it is binding the entire item that is being iterated over. I ...
0
votes
1answer
32 views
Angular UI Bootstrap Datepicker Text Field
I am making a date range angular directive. This uses two ui.bootstrap date pickers for the start and end dates.
I am watching the start and end dates to adjust them if one of the selected dates goes ...
-1
votes
1answer
14 views
Is it possible to switch on and off a collapse directives animation?
I have a number of collapse directives in an app and i'd like to be able to individually switch their animation on and off (to 'force' them open or closed), depending on specific state. I've looked at ...
0
votes
1answer
21 views
Use twitter-bootstrap custom select menu in ui-bootstrap
I use the ui-bootstrap with angularjs framework, but there is nothing to replace the select menu in the html. I found this plugin, which work very well, but it is a twitter-bootstrap plugin. How could ...
0
votes
2answers
26 views
Sharing data between controller and angular-bootstrap $modal
I am using angular-bootstrap $modal and I have issue understand how to share data between a controller and the modal.
Controller:
app.controller 'MainController', ($scope, $templateCache) -> ...
0
votes
1answer
20 views
Limit typeahead results
I'm using the angular-ui typeahead directive to connect to the Google Maps API and retrieve an array of addresses. Normally when I need to limit the amount of results visible I do something like:
...
0
votes
0answers
23 views
Angularjs tabset directive select function is calling after navigaing to next page
Am using angularjs tabset for displaying tabs, I want to call custom call function on selection tab, I used select attribute of tab for calling my custom function its working fine on selection of tab, ...
0
votes
1answer
42 views
Angularjs-ui-router:resolve in parent does not fire from children
In my angularjs app ,i have angular-ui-bootstrap tabs and on selection of tabs i change to different state using $state.go and with state transistion url on browser changes.
I have parent static tab ...
