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-...
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
4answers
113 views
How to add bootstrap in angular 6 project? [duplicate]
app.component.html
index.html
app.component.ts
I have tried to add styles dependency in angular.json package but showing that the module not found. adding two of the bootstrap files.
here is the ...
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
1answer
26 views
ng-bootstrap accordion applies style to child icons
Star shows when there is no focus on the accordion
Star dissappears when there's focus on the accordian
Here's my CSS to display the star to the left of the accordion:
.icon-star2.relevant-source {
...
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 ...
-1
votes
0answers
15 views
Angular bootstrap uib-accordion only open
I use angular ui bootstrap component uib-accordion. Is it possible using uib-accordion component to allow only opening single accordion groups, but then block the closing of these opened ones somehow?
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
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
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 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">
&...
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
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
49 views
Angular UI Bootstrap datepicker - error
I import the Angular UI Bootstrap datepicker in my Angular app.But I'm getting java script error.
How to solve this error?
"Uncaught ReferenceError: angular is not defined
at eval (dateparser.js:...
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 ...
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....
3
votes
1answer
63 views
html angular table - pivot-like display
Can someone help me figure out how to accomplish the following in html/angular/bootstrap?
I have data like the following:
On my page, I would like to display it this way:
0
votes
1answer
56 views
Dynamically show and hide certain raw detail data on click?
I want to dynamically show and hide table row details on every button click, but every time I click on span glyphonic icon all tr's details data are open by default .what should ...
0
votes
2answers
112 views
ng-bootstrap modal header and footer not displaying?
I am using Bootstrap 4 so I was able to launch modal window and rendered data from the component but I don't see header and footer that I have part of HTML I can not close the modal window. What is ...
0
votes
1answer
29 views
Set two buttons in the same column with space using angular JS Boostrap
In my website I am trying to create two buttons in same column. I want set some space between these two buttons. I am very new in this programing language. I tried all the way I have seen from web. I ...
0
votes
2answers
48 views
Can't open modal on button click
I want to use modal for representing additional data on my table row contennt for this reason i use this code below , but when i press button modal doesn't pops up and i don't ...
2
votes
2answers
237 views
How to merge Angular and Vue projects together?
I read various resources available on this but still couldn't figure out a way. The issue here is that I want to merge two different projects together. My colleague was working on one feature which he ...
2
votes
1answer
61 views
Leave only the choice of time in Datetime-picker in AngularJS
I'm using AngularJS and I want to divide a datetime-picker in two parts. By default, where you open the calender, you have to choose the day and then the time (hours and minutes). I want to make two ...
0
votes
1answer
90 views
Dynamic Dropdown in Angularjs with delete function
I am trying to implement a dynamic dropdown which I intend to look like Image.
jsfiddle
function HelloCntl($scope) {
$scope.friends = [
{id:1,name: 'John'},
{id:2,name: ...
0
votes
0answers
20 views
How to include an angular-ui/ui-bootstrap directive within my directive
Using AngularJS ~1.5, I'd like the outer scope (my directive) to be available to the inner directive.
Assume a simple template like:
<h1>{{info.title}}</h1> <uib-something ngModel="...
0
votes
1answer
47 views
Closed button is not working in modal pop up
I am trying to dismiss the modal pop using close button but it doesn't work in IE.However it works fine in chrome.Please find the code which I am using.
$scope.modalInstance = $uibModal.open({
...
0
votes
2answers
28 views
CSS: error at “min-width”
There's an error at @media (min-width: 564px) and the next line:
I am new to this and CSS and I do not understand the error. Can anyone suggest what should be done?
0
votes
3answers
88 views
AngularJS Force Model To Update From Angular Ui TypeAhead
so I have an Angular UI Typeahead that is working, however I have a use case that I can't get it to cooperate with.
My issue is getting it to display a certain value based not on user-input, which ...
0
votes
0answers
8 views
how to use a popver with a table inside the template? angular-ui-bootstrap
I have a table in my UI and I use in one column uib-popover.
I want to update the popover to use a template which is also a table to show
some comparison values.
How should my template look like?
It ...
0
votes
0answers
46 views
How to use ng-bootstrap directive(datepicker) for angular 2+ applications?
I use ng-bootstrap datepicker for angular 4 application , It does not show the picker what i am missing in below code fairly new to angular2 , i have added ng-bootstrap on root of application.
Do i ...
0
votes
1answer
96 views
Expand one and collapse all using bootstrap in angular template
I have one table where each row has a button and on click it will expand and show some data that is calculated in my component but problem is on button click it is keeping other button expanded and ...
0
votes
1answer
220 views
Uncaught TypeError: Cannot read property 'stop' of null
Creating a Website using Angular 5 and Bootstrap 4. I am using the stack-admin-2.1 template from Pixinvent: https://pixinvent.com/stack-responsive-bootstrap-4-admin-template/angular-starter-kit/ltr/...
0
votes
0answers
40 views
Angular UI Bootstrap Datepicker set number of months
Hi is there possible to set the number of months on Angular UI Bootstrap DatePicker? I see that Jquery UI has that key numberOfMonths
Here is an example what I want to do http://jsfiddle.net/fyv33/...
0
votes
0answers
120 views
How to add time picker in datepicker html javascript?
I am implementing datepicker but I want to add time picker also. Now I am selecting date and time separately. but I want to select date and time in sequence after one click.
I want to implement ...
-2
votes
1answer
101 views
How to import/load ng-bootstrap to angular5 project? [duplicate]
Why I can't load ng-bootstrap on my angular project ? does anyone experience the same thing ?
Thank you in advance
this is app.module.ts
import { BrowserModule } from '@angular/platform-browser';
...
-1
votes
1answer
32 views
Broadcast to directive from modal
I am using angularjs directive which contains some methods with ajax call in broadcasting event.
I am passing data as parameter to directive from different controllers ,some data I am passing from ...
0
votes
3answers
47 views
How to prevent user form ignoring suggestion in angularjs angular-ui-bootstrap uib-typeahead
I am using AngularJS v1.6.6 and angular-ui-bootstrap Version: 2.5.0 to create an autocomplete field.
It all works correctly but I need a way to be sure that the user actually selects the option from ...
0
votes
1answer
39 views
Show Angular UI Modal one second after opened
In this plunk I have an Angular UI modal that, when opened, it should be hidden for one second and then displayed. I use ng-show in the template itself, but that hides the contents, not the modal. How ...
0
votes
0answers
19 views
angular js Bootstrap not working with multiple rows and columns
I am making a basic blackjack game with angularjs and using bootstrap for the layout however I cannot seem to make it work.
What I want is a heading across the top, the content of the game in the ...
0
votes
0answers
47 views
uib typeahead to be integrated with existing dropdown
I need to integrate uib-typeahead directive into a dropdown. So when they start typing an auto complete should come, if they choose the drop- down instead it should show the list of Items from the ...
0
votes
1answer
297 views
AngularJS Bootstrap Modal $modalInstance.dismiss is not a function
When I click the cancel button on my modal, the $modalInstance.dismiss function binded with ng-click on my modal template isn't working.
The console has been throwing the error: "$modalInstance....
0
votes
0answers
29 views
Wrong template being rendered for modal in AngularJS Boostrap
Newbie to AngularJS and have a Chat App project that calls for use of AngularFire/uiBootstrap. I need to generate a modal to create a new chat room. Not sure where my bug is, but my modal.open() ...
1
vote
1answer
199 views
Bootstrap uib modal with multiple controllers
I am trying to use a bootstrap modal and I am passing the main controller in the $uibModal.open({controller : "mainCtrl"}).
So far its all good now I want to have several tabs in the modal and I ...
1
vote
2answers
70 views
Angularjs modal is updating my parent scope before the results sent back
I'm launching a modal from my web page and i'm making some changes to an array that i'm passing from my parent, but before I send the updated results back after closing the modal my parent scope ...
1
vote
3answers
36 views
content select option based on previous select option angularjs
i want to create 2 select option which the content of the other one selected option based to previous option. here is my html
<div class="col-sm-2">
<select class="form-control" ...
0
votes
1answer
31 views
select button ng model value undefined inside ng if
i have a problem,i cant get value from ng-model inside ng-if. if i alert the model the result is undefined. here is my html file
<div class="col-sm-2">
<select class="form-...
0
votes
1answer
27 views
Format datepicker not change angularjs
i have define the format for my datepicker like this
$scope.open1 = function() {
$scope.popup1.opened = true;
};
$scope.open2 = function() {
$scope.popup2.opened = true;
};
$...
1
vote
2answers
131 views
$uibModal - dismiss failing to invoke
I know there are numerous threads on this issue, but I have tried to follow solutions provided but am having no success.
The one I followed which resolved the error Unknown provider: $...
0
votes
1answer
261 views
Angular ng-repeat for Bootstrap Carousel
I have an issue where my carousel shows the correct amount of uib-slides based on the list (3 items per page so if there are 7 total items there are 3 pages 3/3/1) but instead of the proper 3/3/1 it ...
