Tagged Questions
A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
0answers
14 views
Can not use typeahead and simple $http.get together
Here is the problem,
When I try to call a JSON into my angular JS app, I can not do it since I am also using the UIBootstrap API with typeahead angularjs app:
Here is my ejs file
<!...
1
vote
1answer
18 views
Typeahead fetch data from url json value not working
Hi below is my html code for angular typeahead:
<div class="form-group">
<select name="" class="form-control" ng-model="city" ng-change="onChange(e)" id="city">
<option value="...
0
votes
1answer
22 views
Angular ui-bootstrap modal unknown provider
I have read a lot of questions about this problem but I'm still not able to find a solution for my case.
Unknown provider: $uibModalProvider <- $uibModal
What I have done so far:
installed ...
0
votes
1answer
12 views
Angular UI bootstrap typeahead ng-model says null when clear the filed
The filter works very well, but unfortunately the {{filterlist.name}} says null once removed the typed text and also tables looks empty because of null
Demo: https://plnkr.co/edit/...
0
votes
0answers
11 views
Why Bootstrap Progressbar doesn't work on IE 11
I am trying to bring in the progress bar dynamically but it doesn't work for me on IE 11.
<div class="progress-bar progress-bar-success" role="progressbar"
aria-valuemin="0" aria-valuemax=...
0
votes
1answer
10 views
Why the UI-Bootstrap popover does not appear when inside an ngIf?
The code says it all.
I am aware that ngIf will remove or clone element from/to the DOM, but I don't see why the popover directive is affected (popover-is-open).
Plunker : https://plnkr.co/edit/...
0
votes
1answer
6 views
Angularjs UI Bootstrap Popover - Put html table inside the popover
I'm using this, Angular-UI Bootstrap Popover
And below is my code snnipt:
<a href=""
popover-placement="{{$index < 4 ? 'bottom' : 'left'}}"
popover-trigger="outsideClick"
uib-...
1
vote
1answer
20 views
HTML pre tag printing extra line if bootstrap is used
I am having difficulty when printing pre tag where the number of records printing is more than 53 using bootstrap and I always get empty page in print preview. However, if the record is less than 52, ...
0
votes
0answers
30 views
update variable inside resolver “ui modal bootstrap” angularjs
row inside the historique function is an object from a table rendering machines so its an object
(function() {
"use strict";
angular
.module('ngClassifieds')
.controller('...
0
votes
0answers
16 views
UI Bootstrap ng-repeat elements using the uib-popover with a close button
I have a list of elements that are shown by an ng-repeat and each of them uses the uib-popover directive to show the details of each element.. so the thing I'm trying to figure out is how to add a ...
0
votes
0answers
32 views
UI Bootstrap Modal text does not display
I have this angular project and on the sign in page has a dropdown where you can either signin or register. When you click the register button it opens up a modal which allows you to enter your ...
0
votes
0answers
7 views
How to set component output binding from ui bootstrap's uibModal.open
Given a component with an output binding, like this:
angular.module('app').component('myComponent', {
templateUrl: 'myComponent.html',
bindings: {
onSelect: '&'
},
...
0
votes
1answer
39 views
Set a <div> to be a specific amount taller than a dynamic sized <div>
Using Angular & Bootstrap.
My ui-grid-viewport div is overflowing my ui-grid div.
I would like to have my ui-grid resize vertically to fit myui-grid-canvas as well as the horizontal scroll bar ...
0
votes
0answers
11 views
Not able to set tab active via controller after selecting tab from UI side manually (angular-ui-bootstrap)
I am trying to set tab via controller which works fine. But after selecting tab manually from UI side, the code in controller does nothing, no error nothing.
Angular: AngularJS v1.4.9,
UIBS: Version:...
0
votes
1answer
25 views
How to change css class according to the name attribute of a parent
I need your help for a CSS issue. I must change a class on only one element which is created with this : https://angular-ui.github.io/bootstrap/#/dropdown
The element is encapsulated in the generated ...
1
vote
0answers
21 views
Error for fullcalendar modal
I'm building a fullcalendar webapp and I'm using a modal in my angular setup but it's giving the error below when I click on a date box on the calendar to pull up the modal. What could be wrong? I'm ...
0
votes
0answers
9 views
Disabling Animation For Angular UI Bootstrap Modals Completely
I'm using Angular UI Bootstrap Modal component, and I can disable animation for a modal like this:
var modalInstance = $uibModal.open({
animation: false,
component: 'myComponent'
});
Is ...
0
votes
0answers
9 views
angular chosen not closing after selecting option
I am using angular chosen to spice up my select options, And all is good and well.
But when I try to put it inside a modal selecting one of the options closes the modal, but chosen stays open.
Tried ...
0
votes
0answers
15 views
Using a controller as uibModal Controller
So I am working on a module called "ShowTree".
Before this, I have a controller named "InviteUserCtrl". Inside the ShowTree module, there is a button that will show a uibModal that is used to add new ...
0
votes
0answers
20 views
Bootstrap click action adding parameters to redirect url
I am using bootstrap with angular2, I have one of the buttons as
<div class="form-actions">
<button (click)="login()" type="submit" class="btn btn-primary">Login</button>...
0
votes
2answers
129 views
Angular Bootstrap Datepicker - Disable all dates except a specified list
I've been stuck on this issue for a couple of days now and I cannot find any suitable example online to help. I am getting a list of dates from a rest service that I need to make available within the ...
0
votes
2answers
22 views
Replacing modal content after it's opened? AngularUI Bootstrap
Could someone explain how I can replace the content inside a modal once it's opened? I'm opening a modal when a specific websocket event is fired.
After that event I get status updates and I want to ...
0
votes
0answers
14 views
AngularJS ng-include is not working in UI Bootstrap
I am very new to AngularJS. I have read several posts on this topic, but am still unable to get data loaded via ng-include
Here is my html and js code
js
.controller('TabsDemoCtrl', function ($...
0
votes
1answer
37 views
Trying to add bootstrap to angular-cli-build.js but file missing. ng serve works with file absent. What replaced angular-cli-build.js file?
Currently following tutorial in using bootstrap with angular-cli. Tutorial declares that I need to put 'bootstrap/dist/**/*' inside of angular-cli-build.js file. Can't locate.
Other solutions to ...
0
votes
0answers
10 views
ui-bootstrap with angularjs Multiple date validation
I need a small clarification on how to restrict from and to date being repeated.
For an e.g. I'm specifying normal and seasonal fare for a product.
Normal Fare : Rs. 200 (validity : 12 Sep'16 to 11 ...
-1
votes
1answer
20 views
I need to open a particular accordion group on click of a button
For example: How to open a 2nd accordion group if i pass a particular value to a function. Below is my html code.
<uib-accordion-group ng-repeat="(menu,submenu) in leftNavData.leftNav" is-open="$...
0
votes
3answers
45 views
Angular boostrap datetimepicker can't disable past dates
I'm trying to disable al lthe past dates from an angular boostrap datetimepicker. I found that in order to do that I should use date-disabled but honestly, I don't understand it and it doesn't work ...
0
votes
1answer
18 views
Table viewby() function AngularJS
I have a table that can display data from database but in order to display the data, the API I am using is Post and has two variables for listcount and page. What I want is to display the list of data ...
0
votes
1answer
58 views
ng-click on button that is ng-included
I have a problem. I'm trying to include a button that's on a html template page on to my index.html page. I do it like this
<ng-include src="'logout/logout.template.html'"></ng-include>
...
0
votes
3answers
24 views
Two Bootsrap Dropdown Conflict
I have two bootstrap dropdown menu with values inside a ng-repeat which are from the database. My first dropdown is working fine and can multiselect data but when I select data from my other dropdown, ...
0
votes
0answers
23 views
How to create a menu with ui.bootstrap on hover
I am new to AngularJS. I want to create a dropdown menu which also have sub-menu.
And dropdown menu & sub-menu will open and close on mouse move.
I have created dropdown menu but not find a ...
0
votes
0answers
19 views
Angularjs Bootstrap Popover width issue and not showing half of the content
I am new to Javascript related tech stack. I am currently working on Angularjs and Bootstrap.
I am using popover and tooltip features. There are a couple of questions related to these two tools.
1. ...
1
vote
1answer
21 views
Angular validation on input button
I have a fieldset that requires the user to enter some data like name, emai land phone number like this:
<h2 class="fs-title">Personal data</h2>
<input type="text" name=...
1
vote
0answers
19 views
Angular UI Bootstrap Calendar Year Selector
Is there a way to configure the popup calendar widget such that the user can select the year from a dropdownlist? Kinda like this:
It is not a requirement I am fond of, but a requirement I am stuck ...
0
votes
1answer
56 views
How to create pagination using ng-repeat with angular-ui-bootstrap?
I want to implement uib-pagination , I have data in $scope.event based on that i want to display pagination but its not showing pagination directive itself , Any idea what is implemented wrong i do ...
0
votes
1answer
25 views
How to make tab active when application load using tabset?
When my application loads first time it loads app.dit page but tab does not show active once you start clicking on tabs it works after that, So I want to make first tab DIT active when application ...
0
votes
0answers
19 views
AngularJS ng-include is not working
I am very new to AngularJS. I have read several posts on this topic, but am still unable to get data loaded via ng-include
Here is my html and js code
js
.controller('TabsDemoCtrl', function ($...
0
votes
1answer
37 views
Angular-ui-bootstrap modal not showing data passed to it
I am trying to pass some model data into a modal window when it opens. Its in a $http.post success and also in failure then() with some different titles and button texts. I pass multiple data to it ...
0
votes
0answers
24 views
form inside angular modal not working
Here is my controller:
(function () {
'use strict'
angular
.module('inspinia')
.controller('myController', myController);
myController.$inject = ['$scope', '$uibModal'];
...
2
votes
2answers
79 views
+200
Draggable Angular UI Modal loses focus
In this plunk I have an Angular UI modal with a draggable title bar. When you drag the bar, the entire modal moves. Problem is that if I move the mouse relatively fast up and down, the cursor loses ...
1
vote
0answers
22 views
tab content is not loading from ui-router?
I want to load content from ui-router to tab but that is not happening i have a data rendered for each tab through their specify controllers in states. I am not able to see any data in tab, Any idea ...
0
votes
0answers
7 views
The bootstrap modal when showed up on the page, disables the page completely along with the popup
The bootstrap modal when showed up on the page, disables the page completely along with the popup. I am not able to do anything on the page until I refresh the URL. Can someone please help me to ...
0
votes
2answers
23 views
How to set bootstrap drop down size?
I am very new to designing .
My requirement is I want set the col-mg-2 for my select box.
but it's not adujestble Here I attached fiddle link
http://jsfiddle.net/soumyagangamwar/pno7xojh/2/
If I ...
0
votes
2answers
54 views
Bootstrap dialog in Angular js
I am new to Angular JS. I started learning Angular JS today. Before I was using Jquery and bootstrap for front-end. Now I want to show bootstrap dialog box using Angular js. I found this, https://...
0
votes
1answer
24 views
Dragging Angular UI modal with title bar
In this plunk I have an Angular UI Modal with a title bar. The objective is to drag the entire modal by dragging the title bar. Both the title bar and the modal share the (top,left) position, as the ...
0
votes
3answers
21 views
AngularJS - DOM not updated in Chrome and Mozilla
I'm using angularjs and angular-ui-bootstrap to make a table and page some data, which I get from an API.
I've made sure my service receives the correct data and that the requests are built properly....
1
vote
1answer
60 views
How to customize fullcalendar, a javascript event calendar?
I am new to javascript and web developing.
So, I used the fullcalendar library (https://fullcalendar.io/) to make a calendar view, and I wonder if I am able to customize it myself.
This is my Markup ...
0
votes
2answers
19 views
Need to allow space at first position in bootstrap tagsinput
I need to allow space at first position in bootstrap tagsinput.
Need Resulted Tag Like this: " Tag" not like "Tag" that.
I have tried Trim (methods: false) and it is working fine for tag's post ...
0
votes
1answer
10 views
BootstrapUI Timepicker Meridian depend on Browser Settings
How can I make BootstrapUI for AngularJS only display the meridian for user's that do not use the 24h format? Germans for example use 24h and are not used to meridians. The website is international.
0
votes
1answer
31 views
Angular UI tabs - change active tab programaticlly
I have a webpage with two angular ui tabs. I adding a new button into this page and I want to add this button-click behavior: when the button clicked, swap the tab to the other tab.
For example:
...
