Tagged Questions
0
votes
0answers
3 views
Angularjs Datepicker doesn't react when new minimum date set
I use Angularjs and so I use ui.bootstrap's Datepickers for Start Date and End Date. I would like to grey out all the dates that come before selected Start Date, but the problem is, even that "min" ...
0
votes
1answer
11 views
Typeahead get multiple value beside the list name
I found its hard to imagine a way to obtain a set of value for the typeahead directive.
for example, in this plunker,http://plnkr.co/edit/Sj0kOGipJ4gNv3VCnKzJ?p=preview
index.html
<!doctype ...
3
votes
1answer
18 views
angular bootstrap dropdown in a table cell
I'm trying to put an angular bootstrap dropdown in a table. The dropdown gets cut off at the end of the cell. In this image, 'Another option' gets cut off.
If I used a normal select/option, I get ...
0
votes
0answers
9 views
Why does AngularFire $remove reload the controller?
In an Angular app I have a table for 'Contacts', which is loading my Contacts from a FireBase database, using AngularFire. I'm trying to build in the UIBootstrap pagination directive ...
0
votes
1answer
15 views
How to add an angularui accordion-group dynamically
In an angularjs service, I am adding the HTML for an accordion-group to the DOM of an accordion element. What results is the display of the accordion-group as if it were a panel - no title bar, no ...
0
votes
1answer
22 views
How to communicate between directive (tree component) and any other controller or directive in AngularJS app?
First of all, I have read so much info you all share about communication between controllers, that I'm now so confused about the BEST way to do it. I understand I should use service, but don't really ...
0
votes
1answer
49 views
What do I need to include that angular bootstrap just simply works
I have included these in my index.html because bower is including them:
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<!-- bower:js -->
...
0
votes
2answers
28 views
How to change valid HTML tags that get rendered in ng-bind-html?
I have a text editor (textAngular) that I've modified to limit the number of valid HTML tags I can generate using that tool. Now, I want to only support a limited number of HTML elements (h3, h4, h5, ...
1
vote
1answer
40 views
Angularjs : Showing no search result in typeahead when no match is found for entered string
I am using Angular UI-bootstrap typeahead.
I have HTML
<input type="text"
ng-init="selectedCrossFormFieldText = selectedCrossFormFieldText || {}"
...
1
vote
3answers
35 views
Angular UI Bootstrap modal inside ngRepeat
I am making an app, where I have a lot of input fields. Those input fields are generated from JSON object array field with AngularJS ngRepeat directive and have a button next to them which open an ...
0
votes
1answer
14 views
angularjs : @mention in textarea
I want to display an autocomplete form triggered by the word @ in my textarea like this library http://ichord.github.io/At.js/ but only using angularjs & css
What kind of directive should I write ...
0
votes
0answers
24 views
AngularStrap - calling a modal from within a service?
I have a web app that is using AngularJS, Bootstrap 3, and AngularStrap. In this app, I was previously using Bootstrap UI for the Bootstrap directives, but I needed to migrate to AngularStrap in order ...
0
votes
1answer
24 views
Year Picker in popup with angular-ui bootstrap
I'm trying to have a year picker using the angular-ui Bootstrap datepicker directive.
It works when it is inline, but not in the popup. Setting the options via datepicker-options doesn't matter for ...
0
votes
3answers
17 views
AngularJS + UI Bootstrap Typeahead implementation issue
I am trying to implement Typeahead using my Web Api controller by adopting to this code, that works fine:
HTML
<div class='container-fluid' ng-controller="TypeaheadCtrl2">
...
0
votes
0answers
3 views
MobileAngularUI scrollable directive for Windows Phone 8 (WP8)
I am using the mobile angular UI framework to develop our new app. it works great in android and ios, but having a couple problems with WP8.
The worst problem i have is that the scrollable ...
3
votes
0answers
54 views
Angular ui-bootstrap progressbar with angular-timer not showing value
Please help. I am fresh out of sanity.
See codepen here for an example.
I have a <timer> from angular-timer that exposes seconds on to the local scope and updates it every second, which is ...
0
votes
2answers
27 views
ng-include changing behavior of angular-ui datepicker
I was using ng-include on a few of my pages, however I had to stop using ng-include because it was breaking the angular-ui datepicker. I opened this Github bug.
I am wondering if anyone else was ...
0
votes
3answers
37 views
Why doesn't modal have access to external controller?
Say I have in my main html:
<body ng-app="app" ng-controller="session as vmSession">
...
<!-- Modal will get created here -->
</body>
And in my modal I have a link:
<a ...
2
votes
1answer
22 views
Unable to call Object.keys in angularjs
I'm using a UI.Bootstrap accordion and I've defined my heading like so:
<accordion-group ng=repeat="(cname, stations) in byClient">
<accordion-heading>
{{ cname }} <span ...
1
vote
1answer
31 views
$modal ui-router hitting escape changing state
I want to make my webapp go back to the state it was in when a user hits escape or clicks out of the popop. Right now it only works when a user clicks the okay button which triggers the $scope.close ...
0
votes
1answer
20 views
Angular bootstrap modal causing strict-di error, not sure why
Weird problem, using Angular UI bootstrap modal I have no issues at all with Angular 1.3 beta 16, however if I enable ng-strict-di mode I get the following error:
Error: [$injector:strictdi] ...
0
votes
1answer
21 views
Angular UI Bootstrap's Radio Button inside a directive with ng-repeat does not show default value properly
Essentially, I have a directive that is used as a 3 way filter using a radio button. Unfortunately, it needs to have a default state and that default state has to actually be shown in the UI, the ...
-1
votes
0answers
30 views
Angularjs ui-bootstrap typeahead error: Cannot read property 'length' of undefined
I'm using Mean.io and i'm getting some troubles to make the ui-bootstrap typeahead plugin works as expected.
When I try it out i get this error:
TypeError: Cannot read property 'length' of undefined
...
0
votes
0answers
27 views
Angular Ui Bootsrap `dropdown` interfering with my directive require
In angular.js, I use require: "^helpme", to inherit a directive's controller in my directive called actionButton...
angular.module("main.vips").directive("actionButton",
...
0
votes
1answer
32 views
Can AngularJS $modal service (ui.bootstrap.modal) be made to block synchronously?
I am using the AngularJS $modal service (ui.bootstrap.modal) to present a dialog box:
$modal.open({
templateUrl: 'resources/qad/qraview/view/qModalDialog.html',
controller: ...
0
votes
0answers
18 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
46 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
16 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
24 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 ...
0
votes
1answer
35 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
28 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
32 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
50 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
47 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
15 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
20 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
28 views
What are the pitfalls of using standard bootstrap modals with AnglularJS? [closed]
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
35 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
17 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
20 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
2answers
32 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
20 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
12 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
15 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
47 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
24 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
11 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. ...
