Questions tagged angular-ui

Explore the latest questions and answers asked by our top developers.

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" opened> my menu items list </mat-sidenav> here is the toggle button <button mat-icon-button (click)="sidenav.toggle()"> <mat-icon *ngIf="sidenav">keyboard_arrow_left</mat-icon> <mat-icon *ngIf="!sidenav">keyboard_arrow_right</mat-icon> </button> .ts code @ViewChild(MatSidenav) sidenav!: MatSidenav; […]

By Atif Azad
Published
Categorized as angular, angular-material, angular-ui Tagged , ,

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.NextCodeService.getNextCode().subscribe( (data: any) => { this.nextCode = data; this.f.code.setValue(this.nextCode); this.f.code.disable(); }, (err: any) => this.handleErr(err) ); } I am using form control […]

How to use Angular UI library PrimeNG to get a drop down in tabMenu header?

I have a Angular project, where I use primeng components. A tabMenu header with a few tabs and a drop down showing some options. This is the desired result : tabMenu header I have created a tabMenu header but was not able to add a drop down as shown in the above image. My current […]

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 code function partnerCtrl($uibModal, get, role, loader, toastr, $translate) { … vm.search = () => { loader.show(); get.searchUser(vm.userId, vm.type).then((res) => { if (res.data.d.results.length) { const modalInstance = $uibModal.open({ animation: true, […]

Angular throttle method called by class-binding [class.something]="methodCalled()"

I am using class-binding to apply class to a div inside ng-template like this, <div #mobileTrialSection class="mobile-trial-section hidden-lg hidden-xl" [class.is-touching]="utils.isTouching( mobileTrialSection, null, 100 )"> <div class="heading">Your trial. Free and easy.</div> <ul class="features"> <li>Full access for 14 days</li> <li>No credit card required</li> </ul> </div> The class I am binding is is-touching, This method (isTouching) is called […]

By Yousaf Raza
Published
Categorized as angular, angular-ui, rxjs Tagged , ,

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 HTML: <div class="col-md-5"> <ui-select name="template" ng-model="template.data" theme="bootstrap" ng-disabled="ctrl.disabled" sortable="true"> <ui-select-match placeholder="– Select –">{{$select.selected.name}}</ui-select-match> <ui-select-choices group-by="’itemType’" repeat="rf in templates | […]

Is there a way to add "uib-tooltip-html" as an attribute in an Angular Js custom directive?

I have a created an AngularJS custom directive to change the text of the element. angular.module(‘main’).directive(‘showAB’, ["$sce", "$compile", ($sce, $compile) => { return { restrict: ‘A’, scope : { textA: "=", textB: "=", showA: "=" }, link: (scope, $elem, attrs) => { var displayText = !scope.showA ? scope.textA : scope.textB; $elem.html(displayText); $elem.removeAttr("show-a-b"); $elem.attr("uib-tooltip-html", displayText); $compile($elem)(scope); […]

By SDG
Published
Categorized as angular-ui, angularjs Tagged ,

angular-ui / ui-select – Placeholder in multiselect showing a single charater on page load

I am facing an issue with the placeholder for multiselect, the placeholder apparently displays just a single character on pageload but when I click on the multiselect it displays the complete placeholder text. The version am using is "ui-select": "0.11.2". A similar issue seems to be reported on https://github.com/angular-ui/ui-select/issues/845. Source: AngularJS Questions

Why is placeholder in multiselect only showing a single charater on page load?

I am facing an issue with the placeholder for multiselect. The placeholder apparently displays just a single character on pageload but when I click on the multiselect it displays the complete placeholder text. The version am using is "ui-select": "0.11.2". A similar issue seems to be reported on https://github.com/angular-ui/ui-select/issues/845. Source: AngularJS Questions

Why is placeholder in multiselect only showing a single character on page load?

I am facing an issue with the placeholder for multiselect. The placeholder apparently displays just a single character on pageload but when I click on the multiselect it displays the complete placeholder text. The version am using is "ui-select": "0.11.2". A similar issue seems to be reported on https://github.com/angular-ui/ui-select/issues/845. Source: AngularJS Questions

1 2 3

Still Have Questions?


Our dedicated development team is here for you!

We can help you find answers to your question for as low as 5$.

Contact Us
faq