4,637 questions
0
votes
0
answers
28
views
Text are not working for NgbActiveModal For Angular
I am using NgbActiveModal to openmodal however modal popup is getting open but I am unable to select nor enter something in text area of that popup modal
//html
<textarea rows="3" [(...
0
votes
1
answer
31
views
How can I pass a custom property to `$modal` from `angular-ui-bootstrap`
On two occasions I will have to open a modal like this:
$modal.open({
templateUrl: "components/prize-info/prize-info.html",
windowClass: "prize-info",
scope: $...
- 2,074
0
votes
1
answer
415
views
After upgrade to angular 17 bsdatepicker input [readonly property not working
I upgraded my project to angular 17 after that already working bootstrap date picker ready only propert is not working when inspect readonly propery is not showing .but in htm it is set as readonly as ...
- 37
2
votes
2
answers
130
views
Angular 9 - Checkbox value updates inside component but does not get checked in the UI
After upgrading my project from Angular 8 to 9 I've encountered some problems in the UI. The one that I seem not to figure out is the fact that checkboxes are not getting 'checked' when their value is ...
- 21
1
vote
1
answer
48
views
space between my input bars, it just jumbos them all together which is something i dont want
<div class="row" style="margin-bottom: 0.1cm">
<div class="col-xs-4">
Fuel temp probe cap:
...
0
votes
1
answer
101
views
Angular API call keeps fetching every second
I inherited some Angular/ng-boostrap code that defined a table with static data that works fine. Now we need to fetch the data from an API call so I tried to modify it as below. I used the answer from ...
- 460
0
votes
3
answers
1k
views
Bootstrap modal not working in Angular application
I am trying to use a Bootstrap modal in an Angular application using classes in HTML, but it not working - its not showing as a modal
<div class="modal text-center" *ngIf="showmodal&...
0
votes
1
answer
67
views
Bootstrap CSS compatibility with ngTable
I am working on AngularJs application.
Versions -
AngularJS - 1.8.2
Bootstrap.css - 2.3.2
I am integrating ngTable in the application. The pagination css is not working for ngTable. When i use ...
- 163
0
votes
0
answers
158
views
In angular trying to open component A bootstrap modal from component C template they have not any parent-child relationship
I'm using angular v14 with bootstrap 4 and rest api.I have 3 components,component A its parent component in it i've navbar with button to open the bootstrap modal under it is modal.Inside modal body i'...
- 27
0
votes
1
answer
114
views
How to implement bootstrap date picker?
I have date picker plugin in my packages, when I implement, I am able to see the calender. How can I see the calender .
This is what I have tried
<input
type=&...
0
votes
1
answer
412
views
Angular Schema validation error:"Data path "/styles/0" must be object", "must match pattern "\.(?:css|scss|sass|less)$", "exactly one schema in oneOf
I need help with building this angular project. I get these errors as soon as I start debugging:
Error: Schema validation failed with the following errors:
Data path "/styles/0" must be ...
- 45
0
votes
0
answers
31
views
Bootstrap each card instance images are different height
I am coding an angular project and am using bootstrap 5.
I am having an issue with card-img-top, as for every image the user uploads that is a different resolution, the image height is different. I ...
- 1
0
votes
1
answer
529
views
How to place the arrow to the right of the header of a sorted table?
I have a table and I want to add the sort option to all table headers, so I used the bootstrap exemple for my purpose.
The only problem in this example is the position of the arrow which is on the ...
- 1,537
0
votes
2
answers
725
views
Aligning elements together in Angular
I have the following code in an HTML component.I have applied bootstrap for loading prebuilt components like buttons. Its aligning very weirdly, I'm not the strongest guy at HTML alignment more of a ...
0
votes
1
answer
108
views
HTML <a> tag displaces the text to the new line in a Bootstrap grid system
I am having a problem with the frontend of my page when I try to inline the label and the link of the mother and father elements.
I tried using the following code:
<div class="row">
&...
- 3
0
votes
1
answer
144
views
Add a icon on selected date in NGB Calendar
I am using ng-bootstrap datepicker to display calender in my app inline calendar, the calendar does not display a curent day icon like this.
Any idea for this? I tried with so many times but I was ...
1
vote
1
answer
760
views
ERROR NullInjectorError: R3InjectorError(AppModule)[NgbDropdown -> NgbDropdown -> NgbDropdown]: NullInjectorError: No provider for NgbDropdown
I'm very new to angular as i'm leaning it right now in a intnership.
However, i would like to learn how to correctly set a dynamic dropdown in ngBootstap as i'm getting the following error: Error
Here'...
- 31
2
votes
1
answer
845
views
Angular Bootstrap: Navbar doesn't expand
I have an Angular project with Bootstrap for styling. I want to make a menu bar with a dropdown icon when the screen is too small to show al the menu items. When the screen is large, all the menu ...
1
vote
1
answer
91
views
UI Bootstrap not working in combination with $sce.trustAsHtml()
I am using angularJs (v1.4.7) and ui.bootstrap in combination with html code that I am getting with REST API.
The problem is: if I get html with ui.bootstrap directives inside, it is not displayed ...
- 163
0
votes
1
answer
137
views
Remove date from ToDate on selection of fromDate in ng-Bootstrap
I want to clear date from toDate while selecting date from fromDate in ng-bootstrap.
<form class="row row-cols-sm-auto" *ngIf="showDateRangeImp">
<div class="col-...
- 181
-1
votes
1
answer
2k
views
how does row and columns work in angular + Bootstrap
I am trying to understand how angular calculates how the elements are rendered in the dom.
more specifically, how row and column work
I added some examples below with what i was expecting to see but i ...
user17281101
1
vote
0
answers
82
views
How to style pagination bar in angular project
how i can style pager in angular inside TS file or HTML file without scss with this code
<div class="d-flex justify-content-center" *ngIf="totalCount && totalCount > 0&...
- 11
0
votes
1
answer
707
views
Display a details model where data comes from an object array (angular 14)
I'm having trouble to display a model with details for different elements.
Overall, I have a group of cards which contains different information data. The goal is: when I click on the button to ...
- 39
2
votes
2
answers
1k
views
Angular is not updating view with boolean variable in the rxjs pipe
I have an issue with the Angular 14 which is not updating the view when querying data.
I want to show a loading spinner in my HTML when data are being loaded from the server. I am using ngbTypeahead ...
- 1,441
-3
votes
2
answers
392
views
how to filter data by date in angular using dropdow
How Do I filter data by using a drop down menu in angular? I have no idea on how to start this. I am using HTTPGet to get my data from a backend API and I need to filter my data by 1 month/2months/...