Tagged Questions
0
votes
1answer
19 views
How to Remove the class 'in' dynamically which is inbuilt class in bootstrap when only clicked
How to remove the inbuilt class "in" in bootstrap accordian which is used to make active .initially it should remain active ,like once its clicked it should remain closed until he clicks again. need ...
0
votes
0answers
13 views
How can I override mouseleave event of uibootstrapper for popover or tooltip in angular js?
How can I override mouseleave event of uibootstrapper for popover or tooltip in angular js?
0
votes
0answers
26 views
Simplest Angular UI-Bootstrap Modals
I would like to know if I can simplify the modals of ui-bootstrap like the original ones in bootstrap, because for angular is a bunch of code I am really having a nightmare with the ui-bootstrap ...
0
votes
1answer
19 views
Is it possible to move/sort/reorder Angular UI Tags with drag and drop?
It seems possible with a previous version of Angular UI (see here) but I tried with uib-tabset and it doesn't work. Any ideas?
This doesn't work:
<uib-tabset sortable-tab>
<uib-tab ...
0
votes
1answer
24 views
How to automatically close an alert on JHipster?
I have recently discovered and started to develop in JHipster.
One of the first hurdles I'm facing is to close automatically alerts. So far, I have learned that JHipster uses Bootstrap UI alerts, so ...
0
votes
0answers
9 views
Angula UI Bootstrap TypeAhead with a Button Filter
New to angulat ui bootstrap.. I am trying to use typeahead to create a searchable dropdown..
Steps to my issue
1. open dropdown on click (seperate span with the directive)
2. select a value
3. open ...
1
vote
2answers
32 views
How to close nested ui-bootstrap accordion when parent closes
The Problem posted here(I need to close inner accordion automatically, when I close outer/Parent Accordion) is not answered till now. Can anyone help me to get the solution for the above stated ...
1
vote
1answer
29 views
uib-tabset killing the scope of my input change directive
Had a uib-tabset and a directive that wait for a change on an input inside the uib-tabset, this directive is reached but when it has to fire a scope.$broadcast this don't call the function.
View
&...
0
votes
1answer
22 views
Using AngularJS persian date picker causes $parse error
I am using this date picker component, and here is a plunk demonstrating its usage with ui.bootstrap version 1.3.3, When I want to use min-date option for date picker, angular gives me this error, any ...
0
votes
1answer
20 views
Resolve in uibmodal /route
I have this code:
var b = 1
var a = $uibModal.open({
ariaLabelledBy: 'modal-title',
ariaDescribedBy: 'modal-body',
templateUrl: 'enteModal.html',
controller: 'enteCtrl',
resolve: ...
0
votes
1answer
17 views
UI Bootstrap and modal with tabs: the first tab is focused with a border
I have a UI Bootstrap modal with uib-tabs within. When I open the modal the first tab is "browser-focused" surrounded with a blue border, like this:
I'm using:
angular 1.5.8
Bootstrap css 3.3.7
UI ...
0
votes
0answers
22 views
Chips autocomplete for Angular 1.6. No angular-material
I would need to add an autocomplete chips component in our Angular 1.6 application. We are using Typescript, Webpack 2. As we are already using angular-ui-bootstrap, we do not want to introduce also ...
0
votes
1answer
51 views
$uibModal.open is not a function in karma (AngularJS Factory)
I am trying to test a function that opens a $uibmodal. This is my factory function.
confirmationMessage: function (message) {
var modalInstance = $uibModal.open({
templateUrl: 'views/...
1
vote
2answers
17 views
How to compile dynamic content in Angular UI tabs?
In this plunk I have an Angular UI tab that displays HTML content. Each content has a div containing an ng-click directive, that doesn't work. Most likely the directive needs to be compiled? how to ...
0
votes
1answer
13 views
Display dynamic HTML as tab content in Angular UI
In this plunk I have a Angular UI tabs with HTML content that needs to be generated dynamically. Still, the tab contents shows instead the HTML markup. How to fix this?
HTML
<uib-tabset>
...
0
votes
1answer
29 views
What version of UI Bootstrap works with Angular 1.6.3?
I am using AngularJS v1.6.3 and am trying to find a version of UI.bootstrap that works with it (in terms of Bootstrap's Javascript functionality, such as popover).
This Plunker uses UI.Bootstrap v0....
1
vote
1answer
38 views
AngularJS 1.6.1, TypeScript, UI Bootstrap Modal: Why are my global variables stored in session storage being updated by the modal?
Please help a newb out. I'm using ngStorage to store some global variables:
//Global Controller
saveGlobalSettings = () => {
this.$sessionStorage.QuoteTimes = this.quoteTimes;
this....
1
vote
3answers
38 views
Unable to import angular datepicker into my App
I am trying to import the angular-ui-bootstrap datepicker into my app but I am not sure how to do so.
I am using ES6 and this is what I have got in place:
map/src/app.js
import angular from '...
0
votes
1answer
42 views
Toggle accordion using button and if open, keep it open
My scope looks something like this
$scope.audit = [{
"specification": "Test1",
"username":"user1",
"lastname":"lastname1"
},
{
"specification": "Test1",
"username":"user2",
"...
0
votes
1answer
24 views
How to disable or hide “Today” button for angularui-datepicker based on condition if its weekend
How to hide/disable "Today" button based on condition. Let's say if today is weekend. I want to hide "Today" button.
<div class="form-group">
<div class="input-group datePicker">
...
1
vote
1answer
33 views
Angular js - Error: [$injector:unpr] Unknown provider: $uibmodalProvider <- $uibmodal
I am new to Angular and trying to use $uibmodal but getting the below error while running:
Error: [$injector:unpr] Unknown provider: $uibmodalProvider <- $uibmodal
I am using the below versions:...
0
votes
1answer
111 views
ng-bootstrap ngbDropdown not working in angular 4
At my angular 4 application is the ngbDropdown-Element from ng-bootstrap not working.
I have installed the following npm modules for this case:
"@ng-bootstrap/ng-bootstrap": "^1.0.0-alpha.22",
"...
1
vote
1answer
29 views
Angular bootstrap modal is resetting the child views
I am new to angular and have a situation where we have nested views and one of the view has link(s) to open a modal
But the issue is that when the modal opens up one of the views in the background is ...
0
votes
0answers
26 views
How to keep panel body collapsed using angularjs
I have a HTML which looks like this
<div class="panel-group" id="accordion">
<div class="panel panel-default"
data-ng-repeat="(spec,value) in audit | orderBy: 'specification' |...
0
votes
0answers
16 views
How to tell which field to set to Today with multiple datepicker fields in one form?
I'm trying to reuse the Datepicker Popup example (no anchor sorry need to scroll down a bit). In that example when you click on the calendar icon button there is a Today button that will set the model ...
1
vote
1answer
44 views
How can I unit test the result of a ui-bootsrap $uibModal instance?
I have a controller that calls $uibModal.open to pop a ui-bootstrap modal. The controller looks like this:
(function () {
'use strict';
angular
.module('app')
.controller('...
0
votes
0answers
28 views
How to disable special dates using angular ui datepicker
I am using angular ui datepicker. I am disabling weekends. Along with that how can disable special dates.
My Special dates are (MM/dd/yyyy):
03/30/2017
04/28/2017
etc.
Below is my HTML
<div ...
0
votes
0answers
18 views
ui-router parent/child releation invoking child controller twice
My app have one parent state with view and controller and couple of child states that have own views and controller and view from parent controller. When i go to child state, child controller is ...
0
votes
0answers
41 views
How to use checkboxes to filter data in angular smart table?
I'm trying to filter data with checkboxes because I just need yes or no options.
<div class="col-xs-3">
<input type="checkbox" data-st-search="option1" checked>
</div&...
0
votes
1answer
35 views
How to disable specific dates and weekends(sat/sun) using UI-B angular datepicker
I am using AngularJS-bootstrap css for components(angular directives).(ui.bootstrap.datepicker). I am calling a service to get all the list of public holidays. How to check if selected date from date ...
1
vote
1answer
39 views
Change uib-modal size dynamically
I was wondering the best way, if possible to change the size of a uibootsrap modal on the fly. I have implemented a paging of sorts where within the same modal body, if the user presses a 'next' ...
0
votes
1answer
15 views
From and To date picker are allow to choose the date with in 'x' months
<div class="col-md-4 col-sm-6">
<div class="row spacer">
<label for="fromdate" class="col-md-4">Date : </label>
<div class="col-md-8">
<div class="...
-3
votes
0answers
16 views
Failed to instantiate module ngBootstrap due to
Failed to instantiate module newEventApp due to:
Error: [$injector:modulerr] Failed to instantiate module ngBootstrap due to:
Error: [$injector:nomod] Module 'ngBootstrap' is not available! You either ...
0
votes
0answers
11 views
Do I still need 'ui.jq' and ui-utils with angular 1.5+ and ui.bootstrap 2.5+
I am a newbie of AngularJs.
I started a new project with angularjs and jquery having the template and app.js in this way:
<html>
<head>
...
<script type="text/javascript" src="/script/...
4
votes
2answers
31 views
Remove item in array without update view
I have dinamic tabs (Angular UI Bootstrap) in my view this way:
<uib-tabset active="1" id="tabs" class="col-md-10">
<uib-tab ng-repeat="tab in filaCtrl.tabs" ng-click="filaCtrl....
0
votes
0answers
43 views
Angular tab set to active based on url
I have 2 problems.
1. Child urls automatically redirecting to parent url
2. tab is not setting to active using other link (footer links)
Example:
1. #/about-us/agreement is redirecting to #/about-...
1
vote
1answer
15 views
ui-validate doesn't get called
I have an input element (actually a datepicker) with the following attribute:
ui-validate="{ customValidation: 'validateDate(vm.dob)' }"
In my javascript I have the following method on my scope:
$...
0
votes
1answer
18 views
Selected value is not getting displayed with uib-typeahead
I use uib-typeahead as below in my angularjs app for auto suggest in text box. When I type some letter, I can see the suggestions. However, if I select any of the selection, that is not getting ...
0
votes
0answers
21 views
How to open ui-sref link in bootstrap modal
Before i start i want to to say many thanks in advance for your help. So, in my case i would like to open ui-sref link inside a bootstrap modal, meaning display the ui-sref in the modal. Below my code:...
0
votes
2answers
32 views
Sorting all pages with angularjs (not only the current one)
I'm using pagination for my data set and now I'm trying to sort it but the sort function sorts only the current page's records. I want to sort the entire data set not only the current page. Is there ...
0
votes
1answer
25 views
angular uib-tabset not activate tab
<div ng-show="isAppLoading" ng-cloak ng-controller="accListMainCtrl as vm" style="height:100%;">
<h4>{{vm.dlg.active}}</h4>
<uib-tabset>
<uib-tab heading="...
0
votes
1answer
26 views
Wait for Async result before allowing user to go forward in UI Wizard
I am using a Wizard-UI component that has a handleChangingEvent() function that is called when a user hits the forward/back button. This function returns a boolean for whether the transition should ...
0
votes
1answer
30 views
TypeScript minified breaks Angular UI Modal
I have an MVC application with lots of Angular code. I have an Angular service that creates an Angular UI modal. The pertinent code is:
export class ConfirmRenderingOfLargeResultsModalService {
...
-1
votes
0answers
13 views
SelectedTab implementation in angularjs tabs
On click of Listview a new tab opens to show the Detailed view of the ListView Content.Dynamic tab with Dynamic contents gets created everytime i click on the clickable row column.On open of the ...
0
votes
1answer
31 views
popover-trigger angular bootstrap not triggering popover
I am trying to use uib-popover in angular as below
html template
<form id="methodform" style="font-size:large;font-family:'merriweatherregular';color:#2c3e4c">
<label>&...
1
vote
1answer
27 views
how to focus on second popup, when open second popup from first popup in angular-ui-bootstrap modal directive
I have on scenario, I would like to show popup on popup with accessibility complaint.
first popup is working fine, if I opened second popup from first popup still focus is remains on first popup, it ...
2
votes
0answers
33 views
Angular $$watchers number increases every time a popover is displayed, memory leak?
I have a directive that can trigger a bootstrap popover when I hover on it, I've noticed the $$watchers number increases every time after I hover on it, and it won't decrease even after the popover is ...
0
votes
1answer
71 views
+50
Unexpected Behavior in typeahead - is this a bug?
I have an input using typeahead as follows:
<input type="text" id="unit" name="unit" class="form-control form-input" ng-model="item.unit"
autocomplete="off"
typeahead-min-...
0
votes
2answers
52 views
ui bootstrap tpl version 2.5.0 not supporting carousel
I have struggling with following issue since 2 days. I need to implement modal popup, where I got the "Unknown provider: $uibModalProvider" error. So I upgraded the version of ui-bootstrap-tpls.min.js ...
0
votes
1answer
27 views
Angular Routing and Bootstrap Navbar
I have problems getting the bootstrap navbar + angular routing to work. I don't understand what is going on since a very similar code on another app is working.
I have the following html in my index....
