Tagged Questions
0
votes
2answers
19 views
how to add icon in tab in angular js >
Hi Please help me i m in new in angular Js
How to add icon in angular js
My code is this
<tabset panel-tabs="true" panel-class="{{demoTabbedPanelClass}}" ...
0
votes
1answer
43 views
AngularJS bootstrapUI : How to render a dynamic page inside the modal?
I'm using the modal function to display a full sized image.
$scope.openModalPicture = function (id) {
var modalInstance = $modal.open({
templateUrl: ...
0
votes
0answers
10 views
AngularJS UI ToolTip add delay on closing the tooltip for user to have time to click a link on the content
Is there an option or trick in AngularJS UI Bootstrap Tooltip to add some delay before the tooltip close? I added an HTML and a link on my tooltip and I need to provide our users some time to be able ...
0
votes
0answers
47 views
AngularJS, Twitter Bootstrap Responsive Nav Bar - Hover for Sub Menus
Here is my plunker:
This is the snippet in question.
<ul class="nav" role="menu" aria-labelledby="dLabel">
<li ng-repeat="item in items" ng-class="{'dropdown-submenu': item.submenu ...
0
votes
1answer
17 views
accordion group.isOpen is not working
I want to collapse accordion on page load for that i am using is-open="group.isOpen" but it is not working.
Code:
<accordion>
<accordion-group is-open="group.isOpen" ng-repeat="session ...
1
vote
1answer
34 views
How to close Angular UI Modal from anywhere
I am using the Angular UI bootstrap modal dialog and create it within a service:
myApp.factory('ModalService', ['$modal', function($modal) {
return {
trigger: function(template) {
...
0
votes
1answer
15 views
Angular UI date-picker min Date is not working
I am using angular 1.0.8.
I want to use angular ui datepicker. I want to set minimum date to yesterday.
I had tried min-date option like "min-date='-1d'" but it's not working.
Does anyone have this ...
1
vote
1answer
25 views
AngularJS UI-Bootstrap, How to set minDate to 90 days ago and maxDate to today?
I have an app that is Using AngularJS and UI-Bootstrap. I have a datePicker that needs restrictions on the dates. I'm very new to angular and wonder if anyone knows how I might do this. I'm looking ...
1
vote
2answers
30 views
How to catch backdrop click event when clicked out of angular ui bootsrap modal?
In my application, it is using $modal.open() function to open a modal popup which is using another page as a template. While clicking the button, it is showing the modal popup fine. If I click the ...
0
votes
1answer
31 views
$compile a directive from bootstrap-ui in a directive
I think I have a problem with dependency injection but I'm a bit lost.
In my controller I'm getting some data from a server and putting it in a $scope variable.
In my directive I have a link that ...
0
votes
0answers
24 views
Angularjs UI Bootstrap Popover Prevents input submit
I have used Angularjs with ui.bootstrap popover feature in following manner,
<form name="frm1" role="form" ng-submit='myFunc()' novalidate="novalidate">
.... other inputs go here...
<input ...
2
votes
2answers
24 views
Clickable button inside of a clickable panel
I have a button inside of an accordion, like this:
I made the entire accordion head clickable by doing this:
<accordion-heading ng-click="isopen=!isopen">
<div>
<span ...
0
votes
0answers
26 views
How to access the isolated scope of a modal window instance?
In order to dynamically add and remove a window class to my modal window I have overwritten the modal window template and added a further ng-class check for modelShake:
...
0
votes
1answer
26 views
How can I submit an angular-ui modal with keyboard
angular-ui modals (see http://angular-ui.github.io/bootstrap/ under Modal) can be default be cancelled by pressing escape. This option is configurable through the keyboard option to $modal.open().
I ...
0
votes
2answers
33 views
Strange behaviour using angular-ui-bootstrap date inside an angular-ui-modal
I am developing my first app using Angular and I got stuck with this problem for a couple of hours now and I can't see what's wrong.
I have used ui-bootstrap date with no issues in other places but ...
0
votes
1answer
13 views
How to trigger a function or assign selected value to another scope variable for angualrui bootstrap datepicker?
In this AngularUI Datepicker plunk:http://plnkr.co/edit/DWqgfTvM5QaO5Hs5dHco?p=preview
I wonder how could I assign selected value into another variable or trigger another function if a date is ...
0
votes
2answers
41 views
Use Angular UI Bootstrap to make a Carousel Form
Could someone build me an example ui.bootstrap carousel that has a manual button for sliding, and include two divs of content? I cannot seem to figure out how to use carousels from just their example.
...
0
votes
0answers
18 views
Modular way manipulate datepicker in AngularUI-boostrap datepicker
I coped this example of a single date picking field:
http://plnkr.co/edit/DWqgfTvM5QaO5Hs5dHco?p=preview
In a scenario that there is two or more fields to pick dates, I wonder, should I simply copy ...
0
votes
0answers
27 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
23 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
26 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 ...
1
vote
0answers
15 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
20 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
29 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
84 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
35 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
60 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
42 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
31 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
30 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
39 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
29 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
11 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
1answer
89 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
45 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
39 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
24 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
39 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
33 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
35 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
44 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
38 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
25 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
49 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
17 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
33 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
54 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
33 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
36 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 ...
