Questions tagged [angular-ui]

AngularUI is the enhancement companion suite to the AngularJS framework. It contains UI widgets and directives that are not part of the AngularJS core but are commonly needed in a project.

Filter by
Sorted by
Tagged with
0 votes
1 answer
22 views

Cdk DragDrop for Polygon Boundry

I'm trying to build a custom boundry shape for the cdk Drag Drop directive I tried to set the boundry as a polygon, I've put a sample code in the stackblitz for quick understanding on the problem, ie ...
Glin Zachariah's user avatar
0 votes
0 answers
22 views

Enable MatDatepicker input box border visibility when input box is disabled

I want to enable input box visibility. When I am disabling the mat input box the border is not visible. My Code: - From Date Invaild Date I have tried giving inline styles ...
Shubham Jeurkar's user avatar
1 vote
2 answers
367 views

Is possible to change size of button from component

I have component where in .html file is only "<" button "></" button ">" I would like to use it in other component but I have to resize it without change of ...
Lulex97's user avatar
  • 221
1 vote
0 answers
718 views

How to customize a new google signin button in angular?

Using of updated plugin for angular 13, 14 @abacritt/angularx-social-login how do i customized this google sign in button to local css. 'asl-google-signin-button type='standard' size='large' shape='...
Labana Subhashchand's user avatar
2 votes
2 answers
227 views

show 1 data instead of all ngFor - Angular 11

Im trying to display total counts of enrollment with item.male_students & item.female_students UPDATE remove the ngFor now it works as expected. here's my component.html <thead class="...
Kael's user avatar
  • 139
0 votes
1 answer
1k views

I have created an angular directive for styling a table. But table loses the styles defined in the directive when pagination is clicked

I have created the following custom directive in Angular: @Directive({ selector: '[tableTheme]' }) export class TableThemeDirective implements OnInit, AfterViewInit { tableElement: ...
CodeR_Ax20's user avatar
0 votes
1 answer
3k views

Display selected value from drop down list in Angular 13

Here's my code: <tbody *ngFor="let user of users"> <td>{{user.name}}:</td> <td> <ng-select [items]="userList" bindValue="id" ...
Sahil Thummar's user avatar
1 vote
2 answers
2k views

preserveContent now added to mat-tabs?

Does anyone have a working example of this? I was originally implementing a solution similar to this answer here, but then saw that this feature was finally merged! Does anyone have a working example ...
marcusory's user avatar
0 votes
0 answers
48 views

Strange behavior of Angular UI grid scrolling with Chromium version 96

I have upgraded chromium version (Edge Chromium/Chrome) to 96 from 87. I used Angular UI grid to display the data. When I try to scroll, it keeps comes to top and not letting me scroll down. This ...
Janas's user avatar
  • 1
1 vote
1 answer
423 views

Fixed igx column

Hi I have a igx grid in which one of the columns is filled out with delete-buttons. I want to make this column fixed as shown here: Can I exclude the column with the delete-buttons from pinning/...
ivs's user avatar
  • 133
0 votes
1 answer
978 views

Igx grid cell with button inside

I am working on an Angular project with Ignite UI. I have a igx grid and "edit"-buttons in each cell from the igx grid. When I edit one of these cells and press the Enter key then the ...
ivs's user avatar
  • 133
0 votes
1 answer
394 views

Close modal dialog programmatically from $http promise

I'm using Bootstrap UI in conjunction with AngularJS to show a modal dialog, while a $http request is processing. Think of it as a wait dialog. I'd like to keep the code as a simple four-liner that I ...
user1438038's user avatar
  • 5,871
1 vote
1 answer
2k views

Add holiday or custom data into angular material date picker

I have date wise amount which based on user search in flight sectors and save into cache so I can get from cache amount date wise when user open date picker I want to show price in date wise in open ...
Dharmeshsharma's user avatar
5 votes
2 answers
5k views

How to check if mat-sidenav is open or close in angular?

I'm trying to change the icon of mat-icon depending on close or open mat-sidenav but unable to find if sidenav is open or close below is my code <mat-sidenav appResponsiveMenu mode="side" ...
Atif Azad's user avatar
  • 707
0 votes
1 answer
1k views

input field not updating dynamically in angular 11 reactive form

I am working on an angular project and want to update my reactive form field dynamically and data is coming from the API named getNextCode(). I call API service in ngOnInit(): void { this....
Dawood Sherazi's user avatar
0 votes
1 answer
72 views

How to add function to this button

The button will only accept "$dismiss()". But I need it to accept any other function. var modalInstance = $uibModal.open({ animation: this.animationsEnabled, ...
jondar's user avatar
  • 11
0 votes
1 answer
32 views

Angular.js (angular-ui) : "resolve" not returning anything in the child component

While trying to get data from the "resolve" object. I cannot get anything from what is found in the parent component. Structure partner-component partner-list-component Result Parent ...
Eric's user avatar
  • 75
0 votes
1 answer
444 views

how to set group label ordering angularjs ui-select group-by

I am using ui-select-choices group-by to group the list in UI select, grouping is working fine but the problem I am facing is the group labels are not in alphabetical order, below is a code snippet ...
SwapnilKumbhar's user avatar
0 votes
1 answer
177 views

Displaying sql data in multilevel(Hierarchical) angular Grid

I am totally new to Angular and there is a requirement wherein we need to display the data in an Angular Grid which is multilevel/Heirarchical. The data is coming from the SQL Database. It is ...
vikky's user avatar
  • 171
0 votes
0 answers
189 views

Cannot resize inline Angular-UI Bootstrap Date-Picker

I'm using Angular-UI's latest Datepicker control, inline, and I can't figure out how to make it bigger so it takes up the entire page (or its container). Has anyone attempted/achieved this desired ...
OverMars's user avatar
  • 1,087
0 votes
1 answer
333 views

How to get old and new values of dropdown in Angular 10

I'm very new to angular and still in basic phase. I'm trying to get both old and new values when a dropdown is selected but not sure how to do it. I was able to get new value but not the old one. Need ...
Underoos's user avatar
  • 4,832
1 vote
2 answers
2k views

how to display custom message if data from pipe filter is empty in Angular8

I have a component <div *ngIf="(StatementData$ | async) as stmtData; else stillLoading"> <div *ngFor="let p of plans"> <h3>{{p.planShortName}}</h3> ...
Margerine's user avatar
  • 183
1 vote
0 answers
258 views

how to pass dynamic data from parent to child ng-content in Angular 8

I have a component flyout . It's a simple component that you wrap around any content/components that you wish to fly out from the side of the web page. We use it for the file upload. The component ...
Margerine's user avatar
  • 183
2 votes
1 answer
16k views

Date validator in Angular 8 to compare two dates

What is the best way to do this in Angular 8 i have two inputs that are dates fromDateMin and fromDateMAx i need to compare these two against formControlName='fromctrlname' and formControlName='...
Margerine's user avatar
  • 183
0 votes
2 answers
504 views

Why float: right/ pull-right dont work in the below code?

<div class="col-xs-12" style="padding:0px"> <div class="col-xs-6 pull-left"> <div class="col-xs-12"><strong>Cooking Details</...
Abdullah Khan's user avatar
1 vote
0 answers
814 views

Angular Material - mat-grid-list : Setting a mat-grid-tile height based on the tiles contents

Trying to create a mat-grid-list which contains tiles having dynamic content of different lengths. But, when trying to set the height dynamically using the rowspan attribute the contents are not ...
Sri Harsha's user avatar
2 votes
1 answer
671 views

Angular 9 : List user details on GUI

I want to list users registered on a page using angular. API response: { "message": "User list is fetched successfully", "result": [ { "firstName": "xcvbn", "lastName": "fvbnm", ...
Harmeet Kaur's user avatar
0 votes
0 answers
195 views

Secure Credentials in Angular Application hosted in Pivotal Cloud Foundry

I have an angular 6 application running on the Pivotal Cloud Foundry (PCF) server. I am searching for he solution to secure the credentials (single sign-on secret key of siteminder etc) in server and ...
Ajay Dsouza's user avatar
2 votes
0 answers
495 views

ScrollIntoView doesn't work properly on Microsoft Edge

I was trying to use the scrollIntoView() with smoothscroll.polyfill() but I've tried a couple of times to use this functionality on Microsoft Edge and the text goes on top of screen, but on Mozilla ...
J. Esteves's user avatar
0 votes
1 answer
134 views

Build dynamic fields in Angular 8

I have an array that looks like this ( this is data from api that will keep changing.. this is just sample) planDivList = [ { planCode: "A", divisions: [] }, { planCode: "B", divisions: [] }, ...
CCC's user avatar
  • 35
3 votes
1 answer
1k views

Angular - how to display text / String / Date type based on the mat select drop down

Based on Mat-select selected value (text/Number/Date) text field type and relevant element have to be shown. Here is my code but in this code, I am showing all. For example If user selecting drop ...
Mr.M's user avatar
  • 1,470
0 votes
2 answers
1k views

How to assign values in an Angular form without an input element or hiding the UI element?

I am working on this template-driven form, where I have a dropdown. The dropdown has an ID as value and Name as the display value. When I submit the form, I need both the values ID and Name to be in ...
vba's user avatar
  • 554
0 votes
1 answer
208 views

AngularJS UI-Bootstrap Modal Dialog gets covered by main.html

How can I use bootstrap modal dialogs with AngularJS using ui-bootstrap with angular-ui-router? I am new to AngularJS and tried searching the documentation without luck. I have used this code but the ...
mohammmeden's user avatar
0 votes
1 answer
498 views

How to get recursive Tree view working AngularJs

Working on this AngularJs(1.4) code snippet and need help to get recursive tree view to work as desired. It currently has 4 levels, and what is needed is: When I open a folder, it should close all ...
nara_l's user avatar
  • 664
0 votes
0 answers
3k views

Create File explorer in Angular dynamically with springboot backend(SFTP,get folderstructure and pass to angular)

I used this link - https://stackblitz.com/edit/angular-file-explorer My issue is they hardcoded the Folder structure where the root Folders are created with constant but my Folder structure is ...
Kate Spade's user avatar
1 vote
1 answer
468 views

angular-ui-layout - resize doesn't work properly with an iframe

As you can see in the example, resizing doesn't work properly when using an iframe. You can move the splitter to the left, but not to the right. Does anybody know why this is and how it could be fixed?...
Ruben's user avatar
  • 151
0 votes
1 answer
187 views

Secure input angular ui mask

<input type="text" ui-mask="**** **** ****" ui-mask-placeholder-char="space" ng-model="user.aadhaar"> as user types in characters should turn into star how do we achieve this using angular-ui-...
Srikanth Gowda's user avatar
0 votes
2 answers
2k views

How to trigger page refresh to update value change in sibling components in UI

I am facing issue when one sibling component changes value to be displayed in another sibling component. The value is being changed in script end, whereas the UI is not getting reflected of the change....
Subarnarekha's user avatar
2 votes
0 answers
310 views

How to control / prevent the <Select> dropdown from setting the new option in angular-ui /angularjs?

I am using angular ui and have a drop down like this: <select id="vehicleSelectDropdown" name="vehicles" type="text" class="form-control" ng-options="vehicle.name ...
Sharath's user avatar
  • 525
0 votes
1 answer
488 views

Angular 4 Kendo Column Graph show value by default and show Y axis name at bottom

Here I've 2 issues. 1) I want to show value by default on top of the column bar. 2) Data is having Negative and Positive values. I need to show names at bottom of the Chart. But names is displaying ...
user3194721's user avatar
8 votes
3 answers
29k views

Angular Material 7 Multi Select - Set selected value

I'm trying to set the selected value for multi select drop-down as below //loop to make a multiple check boxes as selected & setting based on condition document.getElementsByTagName('mat-pseudo-...
saran's user avatar
  • 404
0 votes
1 answer
537 views

Want to change the arrow from large size to small size

I am using angular2-multiselect and by default arrow size is large I want to decrease the size of the dropdown arrow. <angular2-multiselect class="form-control" [data]="dropdownList1" [(...
Shahbaz Malik's user avatar
0 votes
1 answer
224 views

"TypeError: i18nService.getSafeText is not a function" when rendering data for grid using angular-ui-grid

I have imported the ui-grid module in my app's module import file: import 'angular-ui-grid/ui-grid.core'; Added in the same file this imported module: const app = angular .module('app', [ ...
JohnDoenym's user avatar
0 votes
1 answer
602 views

Using resolve to wait for RESTful results in angularjs $modal

I'm working on some legacy code that uses angularjs 1.x for a web frontend. I need to create a modal dialog that will make a RESTful call to the backend when the modal is opened and wait for the data ...
pbuchheit's user avatar
  • 1,431
1 vote
1 answer
277 views

how to copy tag text under ui-select

I need the user to be able to select (using mouse or keyboard) a selected tag value and be able to copy the text somehow. In the following sample plunker, I need the user to be able to copy text "blue"...
SoftEngi's user avatar
  • 407
0 votes
0 answers
50 views

AngularUI modal not showing

When i click on the button that should open the modal window, the page just blurs like it's going to open but nothing shows. I was thinking if there are problems with the versions i'm loading. I'm ...
nikb's user avatar
  • 1
0 votes
3 answers
572 views

How to bind active tab to last element of an array from scope

I'm trying to set uib-tabset active to my last element of an array. However, when I'm doing it uib-tabset is going crazy, it deletes it's own tabs. I don't want to own a scope field for active uib-...
Eugene Zakharov's user avatar
0 votes
1 answer
486 views

Ui-select : Search box not shown to search when data is an empty array

I have a ui-select that uses refresh to fetch data from server whenever a user inserts a char in input box (search box). the issue is that the input box is not available when data is an empty array, ...
mike's user avatar
  • 47
0 votes
0 answers
125 views

ui-selct onchange loading options from the server (upgraded from select2)

I've recently upgraded from select2 to ui-select. I will show below how it was working using select2. Context : I have a data of clients that needs to be filtered using ui-select. Since the data ...
mike's user avatar
  • 47
7 votes
2 answers
4k views

how to convert to an editable select box?

i have an angular 5 project with bootstrap. in one of my component html i have a select box. when i click on it a list of drop down items are displayed and i can choose one . however i want the user ...
prasanth's user avatar
  • 181

1
2 3 4 5
56