Tagged Questions
0
votes
0answers
2 views
Angular UI modal not showing
I'm trying to add a modal that pops up when the user clicks on an element created like this:
<li ng-repeat="task in tasks | filter:{Status: 0}" class="list-group-item list-group-item-danger" ng-...
0
votes
0answers
23 views
AngularJS Controller resetting $scope variables after setting
I am trying to implement a simple datepicker using the akveo AngularJS project.
When I change my date,I am setting a $scope variable from on-change function. When I debug, I can see that the correct ...
1
vote
1answer
16 views
Ui Bootstrap (angularjs) sidenav doesn't work as intended
I have a problem with a sidenav which I'm trying to create for one of my projects. My intention is to create a side menu which pushes the content to the right when is opened and when closed the ...
0
votes
1answer
20 views
how to pass data to already opened uibmodal popup angular [on hold]
how to pass data to already opened uibmodal popup angular
this.modalInstance = this.$uibModal.open({
templateUrl: "serviceeditmodalcontent.html",
controller: ...
1
vote
1answer
33 views
How to preselect Angular-ui-bootstrap autocomplete with appropriate data json object
Listen, I have an angular-ui-bootstrap autocomplete which has list of companies populated in it. As soon as I start typing in the autocomplete field, the appropriate companies popup and I select one ...
0
votes
0answers
11 views
Avoid collapsing typeahead dropdown on blur
I am using Angular Bootstrap typeahead to display suggestions. There is a requirement that even if the user happens to click anywhere on the screen, the typeahead dropdown should not collapse. This is ...
0
votes
0answers
23 views
Angular-ui-bootstrap ng-change when selected, add new entry, show list when focused
copied from an answer.
Below I have a working example of autofill textfield, I have to enable some customization on it.
I want to do following things on it:
Generate event ng-change when a list ...
0
votes
0answers
16 views
Angularjs - How to import Bootstrap into Karma-Jasmine for testing
I have a directive that call a method from bootstrap.min.js and when I write a test file to test it it render the error say that the function I used is not defined. I think the reason which cause this ...
0
votes
0answers
25 views
AngularJS: Multiple modals are opened while store resolves data from API
I have several bootstrap modals in my app, they all open like this:
angular.module('app').decorator('$modal', ($delegate) => {
$delegate.openModal = () => {
return $delegate.open({
...
0
votes
2answers
28 views
AngularJS uibModal reusable function
I couldn't come up with normal title. Sorry for that.
So the problem is that in a big project, with big business logic there are a lot of modals. And every new modal is the same code with little ...
0
votes
1answer
11 views
Make uibootstrap navbar usable when there is an active modal
Is there a workaround for making the uibootstrap navbar usable when there is an active modal on the screen?
This is a typical navbar + modal in bootstrap 3:
As you can see, the menu is not usable ...
0
votes
0answers
23 views
AngularJS - uibmodal - drag from modal and drop onto parent
Is it possible to drag an element from a modal window (opened with uibmodal) and drop it on to an area on the parent window? My issue is that the parent window is always disabled and greyed out and ...
0
votes
1answer
22 views
What is the correct value for uib-typeahead for async api that returns array of Strings?
What is the correct value for uib-typeahead, vm.searchCompanies returns an array of Strings like ["", "aaa"]
I have the following that always dispalys No Results Found eventhough there array from the ...
-1
votes
0answers
14 views
Angular-UI-bootstrap and accessibility
I run Total validator tool on my AngualrJS web application where I'm using Angular-UI-Bootstrap library version 1.3.1.
Report generated this error:
Click
How can I fix this kind of error, is there ...
0
votes
1answer
12 views
angular ui tooltip triggers ng-disabled of other buttons when hover on button
I using ui bootstrap tooltip plugin with something like this:
<button type="button" uib-tooltip="new item">
new item
</button>
<button ng-disabled="vm.testDisabled()">
...
0
votes
1answer
20 views
Dynamic Column css Based On Window Size AngularJs
This may be answered somewhere, but I am unsure of exact terminology as I am new to web development. I am working with a mean.js app and I have a a container that I am filling:
<div class="...
0
votes
0answers
16 views
how to disable specific date in angular bootstrap datepicker
I am using angular ui bootsrap datepicker with this version (2.5.0):
https://angular-ui.github.io/bootstrap/#!#datepicker
I want to disable specific dates. for example, every 29th and 30th on each ...
0
votes
0answers
16 views
Debugging angularjs ui bootstrap doesn't work
I created a very basic angularjs app where I bring in angular ui bootstrap. When I run the app, in chrome I can put a breakpoint in my own script and it'll hit it, but when I put a breakpoint in ui-...
0
votes
2answers
31 views
AngularJS > Bootstrap UI > Editing Item in Modal
I'm working on a project that makes sense to add and edit items within a modal window. The add portion is working fine. The edit portion is opening the modal but my ng-model is not reflecting and the ...
0
votes
1answer
25 views
Implementing expand all button in Bootstrap UI accordion
I am using uib-accordion directive and I want to add a button to expand/close all elements in the accordion. My code is like this:
<uib-accordion close-others="false">
<div align="right"&...
0
votes
0answers
25 views
AngularJS UIB Accordion - trigger an HTTP call with spinner on collapse click
I am using AngularJS 1.6 with Bootstrap. I have a requirement for creating an accordion. In this accordion on expanding i need to trigger an HTTP call and retrieve the data, On collapse click trigger ...
0
votes
1answer
38 views
How to properly set selected <li> using Angular-UI Dropdown
I have a dropdown control, implemented as follows:
<div uib-dropdown="dropdown" class="btn-group">
<button uib-dropdown-toggle="" class="btn btn-default">Open With <b class="caret"...
1
vote
0answers
29 views
How to paginate through JSON object using UI bootstrap and angular Js 1 resource?
Pagination through JSON Object Using Angular Js 1 and Bootstrap UI
May someone help me on how to paginate through json object with proper bootstrap displays and and uib-pagination paging ...
0
votes
0answers
25 views
Angular Pagination using UI Bootstrap
My pagination links are not clickable, even worse the links display in text instead of bootstrap buttons ...
- ANGULA JS CODE : ...
...
.controller('HomeCtrl',['$scope','myresource','$route','$...
0
votes
1answer
26 views
ng-change directive triggered before model is updated when clicking uib-button-radio element
Here's a plnkr: https://plnkr.co/edit/bJ6LSR7fAY9mlvqBzDUw?p=preview
I'm using uib-button-radio elements to toggle the active filter on an ng-repeat.
<div ng-controller="ButtonsCtrl as $ctrl"&...
1
vote
2answers
39 views
AngularJS - Typeahead Asynchronous data
I'm using Typeahead bootstrap with anguarJS to fetch data from rails api, the problem is that the request get data every time I type a letter in the input, I want te perform and decrease a little bit ...
1
vote
1answer
21 views
angular ui bootstrap: Error: [$injector:unpr] Unknown provider: appMainProvider <- appMain
I m currently trying to open an AngularUI Bootstrap Modal. Somehow, I keep getting the following error:
Error: [$injector:unpr] Unknown provider: appMainProvider <- appMain
I search online and ...
0
votes
0answers
18 views
restrict digest to modal content with angularjs ui-router and ui-bootstrap modal
I have an angularjs app that uses ui-router to provide a series of nested views and some modals. E.g.
$stateProvider
.state('dataviews', {
url: '/dataviews',
resolve: {
...
0
votes
2answers
44 views
AngularJs UI Modal without $scope and extra ModalController (resolve)
I want to implement UI Modal in AngularJS without using $Scope and without implementing the ModalController(resolve).
I am not using $scope in my Controller. I am using vm = this. So I dont know ...
0
votes
0answers
25 views
Angular js multiple table row indexes selection
I have a table with 8 columns and when i click on row 3 for example I want to have possibility to select all indexes of columns on that row and make them green, and then sum their values and calculate ...
1
vote
1answer
37 views
ng-blur with uib-typeahead (ui-bootstrap)
<div class="form-group">
<label for="Skill1">Skill</label>
<input type="text"
ng-model="vm.skill1"
name="skill1"
uib-typeahead="skill for ...
0
votes
0answers
34 views
Reset button with Search Button in AngularJS datatables
In my AngularJS Application,I'm using angular-datatables to show some records in grid. I'm using both Zero configuration and With options way according to my different requirements.
But now I'm ...
0
votes
0answers
27 views
Make tab heading a link that loads an html page
I'd like to make the tabs in my tabset load different pages. I want the tab headings to be links to these pages as part of a single page application.But clicking on the tabs doesn't load these pages. ...
0
votes
0answers
23 views
Binding ng-model variable to uib-typeahead selection
I try to explain my problem.
I have to implement a form panel in AngularJS with a uib-typeahaed. The pre-selected value comes from a server call (I show it in the view like option already selected). ...
0
votes
2answers
44 views
Angularjs html not taking bootstrap
i am trying to learn AngularJS .i am not getting any bootstrap themes on my web application:
Below is the html code for the header that i am trying :
<nav class="navbar navbar-default">
&...
1
vote
1answer
27 views
How does the html table tag does not working inside the ng-template(Angularjs)?
I have tried the following using ui.bootstrap.modal).
Here is the code that I am using for the bootstrap.modal:
In the HTML file:
<script type="text/ng-template" id="myModalContent.html">
...
0
votes
0answers
17 views
uib-tooltip-template tooltip-is-open tooltip showing on undesired conditions
I want to show a tooltip on an input when the input is both invalid and touched, and gets focus over. Just a simple form of input client validation.
In order to achieve this, I try using uib-tooltip-...
0
votes
0answers
14 views
bootstrap-ui-datetime-picker get list of days
I use Gillardo bootstrap-ui-datetime-picker in my angularjs app for select FROM and TO dates.
Now, I need to get a list of dates between this FROM and TO selected dates.
For example, if I select ...
0
votes
0answers
48 views
AngularJS UI DatePicker - Moment Timezone
I'm using AngularJS Bootstrap UI Datepicker with moment and moment-timezone. I set an inital date based on given timezone. So Datepicker works well if I set Date object as a ng-model:
$scope.dt = new ...
0
votes
1answer
29 views
How to use Angular UI Bootstrap DatePicker Popup with ng-repeat
<div class="task-manager_block" ng-controller="ToDoCtrl">
<div class="form_block clearfix">
<form name="addToDo">
<input class="add-input" placeholder="I need ...
0
votes
0answers
19 views
Why date input of angularjs allows 32 as any months day. and how i can restrict it to 31.I am using angular 1.6
also its allowing 201818-12-12 as input. i mean more than 4 digits of year .
Using angular validation for this code snippet. please help to verify this why its taking 2018-03-32 as input
angular ...
0
votes
1answer
24 views
angular-ui-router-uib-modal: reload page below when click outside the modal
I'm using angular-ui-router-uib-modal and I have a question on it.
When I close my modal (which confirm a successfull/failed operation), I need to reload page below (that show a list of data). As ...
0
votes
1answer
32 views
Angularjs Bootstrap Year and Month picker
In Angularjs I need Month and Year picker
I checked lot of things will be month year and date also
once after select month i need to create div based on selected month date
0
votes
1answer
39 views
Conditional heading color using uib-accordion
I am using angular-ui with my angularjs application. I have an accordion (uib-accordion) element on my page. Its content, name and state (opened/closed) are bind to an array in the controller.
I want ...
0
votes
0answers
25 views
UI Bootstrap affects the rendering of my AngularJS app
I added UI Bootstrap (latest version 2.5.0) using:
bower install angular-bootstrap
My app uses AngularJS 1.6.9 and Bootstrap 3.3.7
When I added ui-bootstrap to the app.js:
angular.module('clientApp'...
0
votes
0answers
39 views
Trying to filter search results server side using bootstrap typeahead in angularjs
I have a question search bar that searches all the users in a database but it doesn't actually filter out by the value being inputted. It returns the whole list of users no matter what. I figure out ...
0
votes
1answer
21 views
how do i iterate through object parameters such that certain object parameters are displayed inline in a panel block using bootstrap
this is my json data:
{
"roleID": 1,
"roleName": "Admin",
"active": true,
"module": [
{
"moduleID": 6,
"moduleDescription": "Application",
"...
1
vote
1answer
86 views
ui-select dropdown in modal with overflow
I'm currently facing an issue with displaying a ui-select dropdown within a ui bootstrap modal, which has an overflow css applied.
Currently, when opening the ui-select dropdown, the list of choices ...
1
vote
0answers
51 views
In AngularJS validation, I want to display error message with ui-bootstrap tooltip
environment
AnuglarJS 1.6x
ui-bootstrap2.5
I want to display error messages with tool tip on validation with AngularJS.
I am referring to the directive created by the following jQuery and bootstrap....
0
votes
0answers
115 views
How to create table with fixed header in bootstrap?
Hi any ideas how can i have scrollable table with fixed header in bootstrap? I want just table body to be scrollable. Here is my table.
<div class="form-inline" id="overnightsDays">
<...
