Issue I am using Angular 5 and trying to wrap ng-select in a custom component. My reason is to encapsulate it so it could be easily replaced if needs be. If there is a better way to do this please
Continue readingTag: typescript
HTML syntax highlight sublime 3 Typescript
Issue I am using TypeScript with Sublime 3. How can I add HTML highlight in template attribute: [NOTE: I am already using Microsoft TypeScript Package] Look how its not highlighted now: Solution You can read here how to achieve this:
Continue readingNo class color syntax highlighting in TypeScript, in VS2015
Issue I’m using Typescript in VS2015, and the color syntax highlighting fells broken, especially on class types. For example, when defining this module: And using it: The class name is long but colored. But if I use an import statement
Continue readingWhat is the state of the art approach for creating own rules for Google's Prettify?
Issue What is the state of the art approach for creating own rules for Google’s Prettify? I am not talking about changing the colors of existing rules, furthermore, I want to create new rules: e.g for shell/bash maybe in an
Continue readingMaking PrismJS syntax highliting work in Aurelia
Issue I am trying to add PrismJS as syntax highliter in my Aurelia app (typescript based) and I am half way there as below 1- Install prismjs yarn add prismjs 2- add css & code part <template> <require from=”prismjs/themes/prism.css”></require> <pre><code
Continue readingVSCode how to fix typescript highlight error Argument of type {} is not assignable to parameter of
Issue What should I do in the function createField in order to remove this syntax error highlighting? const createField = ( dataType, options = { required: false, label: null, min: Number.NEGATIVE_INFINITY, max: Number.POSITIVE_INFINITY, email: false, match: false } ) =>
Continue readingWhat is the token name for types in VSCode Typescript syntax highlighting?
Issue I’d like to change the styling of my VSCode syntax highlighting, so that I can differentiate between types and classes. class Thing; // should be one color type ThingT; // should be another color What is the name the
Continue readingAngular Leaflet – Map does does not render properly
Issue No matter which way I try in Angular 7, my Leaflet Map does not load properly. I get a block puzzle with half the screen grey and the other half in random disjointed map blocks (see pic). Map Block
Continue readingCircular dependencies on angular modules using typescript
Issue I’m facing this issue where i have 2 angular 1.5 modules that depend on each other, which is fine by angularjs, but when i import them using typescript & webpack, i get circular typescript-module dependencies and the modules are
Continue readingtypescript importing wrong angular
Issue I am importing angular in my angular 1 app (in typescript) using syntax like below import * as angular from ‘angular’; This imports angular from angular-mocks and not from angular because of which my ILogService implementation fails ERROR in
Continue readingAngular 1.5 Karma unit test loads ng-mock twice
Issue I have a web app written with Typescript 2.4.2, compiled by latest Webpack version (2.7.0). I’m in the process of adding Karma tests using Jasmine as the assertion library. This is my karma config file: ‘use strict’; const webpack
Continue readingAngular FormGroup FormArray – submits only one object in array from dropdown
Issue I’m trying to create array of objects from dropdown values: so the result of selected values from the picture would be [{person: ‘John’, country: ‘USA’}, {person: ‘Pablo’, country: ‘Mexico’}] , but form submits only last object. Stackblitz Solution Problem
Continue readingAngular Form add input field based on dropdown value
Issue Does anyone have idea how to show additional input field based on select element value and push value into existing object? There is a dropdown select element with change directive <div class=”col-sm-4″> <select class=”form-control mt-2″ id=”field_countries” name=”country” #t formControlName=”country”
Continue readingAngular 7: "Cannot find control with unspecified name attribute"
Issue I am creating my first Angular app and I am getting the following errors in dev mode console: ERROR Error: "Cannot find control with unspecified name attribute" ERROR Error: "Cannot find control with path: ‘items -> name’" ERROR Error:
Continue readingHow can I get the control name of a dynamic Angular field?
Issue I am trying to push new controls dynamically into my formBuilder. /* templatesTypes = [“string1”, “string2”, “string3″,”string4”] */ /* templates = [{templateType: “string1”, …}, {templateType: “string2”}, …]*/ this.agency = this.fb.group({ name: [], templates: this.fb.array([]) }); const arrayControl = this.agency.controls[‘templates’]
Continue readingCannot access the nested formGroup's value
Issue I am creating nested formGroup fields. The following is my html <form [formGroup]=”userProfileForm” (ngSubmit)=”bookUser()” class=”form”> <!– userName –> <div class=”form-group”> <label for=”userName”>Name:</label> <input type=”text” class=”form-control” id=”userName” formControlName=”userName”> </div> <!– mobile –> <div class=”form-group”> <label for=”mobileNumber”>Mobile:</label> <input type=”text” class=”form-control” id=”mobileNumber”
Continue readingCheck for same password and confirm password in Angular Reactive Form – FormBuilder
Issue I’m trying to create Angular 5 registration form with .NET Core. I’m checking whether password and retyped password are the same in the registration form. I’m using FormBuilder for form. But checking password1 and password2 is always failing. I
Continue readingAngular Dynamic Reactive Form Nested FormArray for Radios Buttons
Issue On API call I have an Array of questions and their options JSON. [ { “QuestionText”: “Question goes here…”, “AnswerChoice”: [ { “text”: “text1”, “answerId”: “1” }, { “text”: “text2”, “answerId”: “2” }, { “text”: “text3”, “answerId”: “3” },
Continue readingAngular – How to automaticly fill a form by Id
Issue I would like to fill a form by Id with Angular FormBuilder. My problem is that I don’t now how to do it and i’ve try many of the topics solutions, but nothing really helps. here is what i
Continue readingAngular *ngFor over FormGroup in Template – Cannot find a differ supporting object error
Issue I’m trying to loop over a FormGroup of FormControls in the template. I want to display a checkbox for each. This is how my component.ts looks like tags = [“vegan”,”vegetarian”,”meat”,”fruit”,”vegetable”,”seafood”,”fish”,”nut”]; get tagsForForm() { return this.foodForm.get(‘tags’) as FormGroup; } createTagsForForm():
Continue readingcan we check form is disabled or not in angular reactive form?
Issue I am using the reactive form in my angular9 for form validation. now I need to hide the submit button which is percent outside of this form, if the form is disabled(all the field in the form is disabled).
Continue readingIssue with passing objects from FormBuilder
Issue As I’m trying to pass objects from formBuilder to another AbstractControl function of typescript file. But not able to accomplish while passing data. Stackblitz Here is the coding snippets Main.component.ts import { FormBuilder, Validators, FormGroup, FormControl } from ‘@angular/forms’;
Continue readingMultiple dynamic submit button form in angular
Issue I have to make a single submit. But i will show the user 4 forms dynamically fields: any = [ [ { label: "firstname", name: "first" }, { label: "lastname", name: "last" }, { label: "Date", name: "fromDate", type:
Continue readingCan't validate a required field in Angular form builder form group after adding a value
Issue Here’s my stackblitz When I click on my button (in Stackblitz link) and push a value to the array, I’d like to have the field be valid, but it’s remaining invalid. If I hard code in a value, it
Continue readingAngular10 Reactive Form validation both on blur and submit
Issue I’m trying to validate the form on blur and every time the submit button is being pressed, however there is no option as: updateOn: [‘blur’, ‘submit’] It is either updateOn: ‘blur’ or updateOn: ‘submit’ Is there a way or
Continue readingAngular FormBuilder validator with new instance
Issue i hope everyone is ok. I search a lot for this question but without sucess. Im tryng to put validator on formbuilder with a instance of a class. Exemple below: This is my component.ts file where i clear my
Continue readingAngular 2+ Custom form validation breaks the form methods
Issue I have a form: public buildUserForm(user: User = null): void { this.selectedUserForm = this.fb.group({ id: 0, isActive: [true], isSuperUser: [null], firstName: [”, Validators.required], lastName: [”, Validators.required], username: [”, [Validators.required, UniqueNameValidator(this.userNamesList, user)]], password: [”, Validators.pattern(‘^(?=[^A-Z]*[A-Z])(?=[^a-z]*[a-z])(?=\\D*\\d)[A-Za-z\\d!$%@#£€*?&]{8,}$’)], emailAddress: [”, Validators.email], businessEmailAddress: [”,
Continue readingdynamic form, dynamic added row is empty while submitting
Issue Currently im working on a gender overview where you can edit genders, add or delete this with a simple table. Its already possible to add and delete rows. Currently im fighting with showing the correct web api data as
Continue readingHow to patch select box value inside nested reactive forms in angular?
Issue User class is as below: export class User { name: string details: Details; } Details class is as below: export class Details { country: Country; major : Major; } Major class is as below: export class Major{ department :
Continue readingAngular2 is there a way to set bootstrap col dynamically?
Issue Is it possible to use an If statement to set the column width of the div? I have got different div elements like this: <div class=”col-xs-3″> <select class=”form-control” [(ngModel)]=”selectedPrototypeSelector” (ngModelChange)=”onPrototypeChange()”> <option *ngFor=”#p of prototypes” [value]=”p.selector”> {{ p.selectorName }} </option>
Continue readingAngular 2 – Stop NgClass updating constantly
Issue I have a map component which has a video component inset on it. The map and video component switch classes when the video is clicked, so the video becomes fullscreen with the map inset on it. I’m updating the
Continue readingshow class for only clicked item angular 2
Issue I don’t know how to set visible class only for clicked item in partial component. So, I’ve temaplate with: <div class=”photo-container” *ngFor =”let i of modalImages; let index = index”> <div [ngClass]=”ImageContainer”> <i class=”ionicons ion-ios-close remove-icon” (click)=”deleteImageEvent(index)”></i> <img (click)=”onImageClickEvent(index)”
Continue readingAdd multiple classes to dynamic objects when it has already an ngClass condition Angular (4)
Issue I’m having some trouble to define specific classes do dynamic elements, take a look at this JSON: filterData = { “highlights”: { “title”: “Destaques”, “options”: [{ “id”: 1, “title”: “Outlet”, “alias”: “outlet”, “counter”: 3, “classes”: [“outlet”, “feb”, “jun”] },
Continue readingngClass compare number with array of numbers dynamically – Angular
Issue I have something like this: [ngClass]=”{className: singleNumber == arrayOfNumbers} How do I compare 1 === [1,2,3,4] ? it works if I do this: arrayOfNumbers[0] Solution Why not make it easier for yourself and have the comparison in the ts
Continue readingangular ng-class statement with multiple conditions
Issue I have to assign a class or an other to a field according two condition, one is about the position (it does not have to be the last one), the second is about a boolean parameter in my controller
Continue readingAngular – Activating a class when another class is activated by JS
Issue I want to activate a class xyz when class xy is activated using ngClass. I want to implement this scenario: if class xyz is in the tag activate class xy ngClass=”‘xyz’ then xy” Solution In Primeng-datatable checkboxed selection, I
Continue readingBinding same mouseover event to multiple [ngClass]
Issue <li class=”dropdown-submenu dropdown pointer” (mouseover)=”toogleClickEvent($event)” (mouseout)=”toogleClickEvent($event)” [ngClass]=”show”> <a class=”test” tabindex=”-1″><i class=”fa fa-language ” aria-hidden=”true”></i>{{‘Language’ | translate}}</a> <ul class=”dropdown-menu”> <li class=”pointer”><a (click)=”changeLang(‘en’)”>{{‘English’ | translate}}</a></li> </ul> </li> <li class=”dropdown-submenu dropdown pointer” (mouseover)=”toogleClickEvent($event)” (mouseout)=”toogleClickEvent($event)” [ngClass]=”show1″> <a href=”#”><i class=”fa fa-gear” aria-hidden=”true”></i> {{‘Settings’ | translate}}</a>
Continue readingsimplify ngClass conditionals that uses ngFor
Issue I have an array with 5 string values excited, happy, neutral, sad, angry I am using ngClass and ngFor as to simplify the html and so I don’t have to repeat everything 5x for each value. The problem is
Continue readingChange icon color based on the value
Issue I am a newbie to Angular2 and I want to know how to change the CSS of an icon conditionally based on the values. In HTML: <li><i class=”fa fa-check” [style.color]=”‘switch(types)'”></i>{{ types }}</li> types contains a lot of integers ranges
Continue readingAngular: Check if element has a class and add a class to another element
Issue How can I check with Angular if a DOM element has a class and then add a class to another element? My Template: <div class=”d-table”> <ui-switch class=”d-table-cell”> <span class=”switch”> <small></small> </span> </ui-switch> <span class=”d-table-cell”> sign in </span> </div> If
Continue readingHow to apply css class based on condition that char length > 128
Issue This is angular app, I want to apply css class based on condition that char length of variable is greater than 128 char. I was inspired by this post enter link description here. As shown below in the code
Continue readingchange menu status to active in angular 8
Issue I am new in angular I am trying to change the state of my button in the navbar, taking into consideration the navigation route, however when clicking my button I select all the other buttons including the button pressed.
Continue readingNo NgClass reaction to the function
Issue I use a function in NgClass that uses an array filled in ngOnInit. ngOnInit -> prepareRezerwation() create colorRezerwation veriable: this.nodeService.getRezerwations(this.minMax).subscribe(rezerwations => { this.prepareRezerwation(rezerwations); // this.functionsService.showRezerwation(post, this.openingHours); // this.showSpinner = false; }, error => { console.log(“Connection problem”) }); html ->
Continue readingChange background color of the button on click
Issue I have a button that changed its text to enable and disable on click. How can I also change the button color, For e.g. change to Green on enable and Red on disable <button (click)=”enableDisableRule()”>{{status}}</button> Component toggle = true;
Continue readingOnly one font awesome icon displaying correctly using [ngClass] conditions
Issue I am building a user profile where the user can submit links to his or her social media accounts. Each account is represented with a clickable link. Which icon should be chosen is decided by multiple conditions in [ngClass],
Continue readingNgclass function with 2 objects
Issue is it possible to add 2 objects to an ngclass function like <div class=”progress-bar”[ngClass]=”getProgressValues(obj.val1,obj.val2)”> </div> i get a Json error. SyntaxError: JSON.parse: bad control character in string literal at line 1 column 2 of the JSON data i tried
Continue readingMethod being triggered every 10 seconds and run repeatedly in app.component.html file
Issue I have an Angular 9 app (upgraded from 7 recently, but still had same issue in 7) and in my app.component.html file I have this code below. The page loads correctly and everything looks good. But the method getSideBarState()
Continue readingngClass not working in my Angular Project
Issue I’m trying to make a form with validation, and I am using the following interface to define FieldError. export interface FieldError { errorAt: string; errorMessage: string; } In my component.html I am using [ngClass] to check if the FieldError.errorAt
Continue readingHow to manage component status with observables in Angular
Issue Context In an Angular project, I have made a component to encapsulate the logic of a submit request page (code below). This page has two subcomponents that define specific forms (firstForm and secondForm) and a submit button. Each subcomponent
Continue readinghow do I use a variable for the value of ngClass?
Issue I’m trying to make modals, so when I click each button different modals should show up, with different contents inside. On button click, active gets a value of true and when the active is true, modal div gets class
Continue readingHow to find min , max on array and how to change color text for min green color and max red color using angular
Issue I have the JSON like below but I have a lot of data: items: [ { itemId: "22222", category: ‘A’, total: 100 }, { itemId: "666666", category: ‘A’, total: 80 }, { itemId: "555", category: ‘B’, total: 50 }
Continue readingngClass combining multple conditions?
Issue How do I combine multiple conditions in Angular? im using angular 12 at the moment. example: [ngClass]="condition1 ? ‘className1’: ‘classname2’" this works if condition 1 is true or false. now how to add multiple? [ngClass]=’condition1 ? ‘className1’ : ‘classname2’
Continue readingHow can I change Font Awesome icon and Text on condition?
Issue component.html <i [title]="CardData.quantity > 1 || _ShippingVariable > 1 ? CannotShip : FreeShipping" [ngClass]="{‘fa’: true,’fa-youtube’: socialMediaLink.socialMediaType === ‘YOUTUBE’,}"> </i> ShippingVairable is Coming From component.ts So what I am trying to do that is _ShippingVariable=0 then i will get "(CrossFontAwesomeIcon)CannotShip:It
Continue readingHow to use jest.mock after @types/jest is removed (^jest@24)
Issue I recently updated the @angular-builders/jest from 7 to 8. In the migration guide it states that I should remove @types/jest because it’s now comes with Jest v24. (I also updated my tsconfig) So far so good. But now my
Continue readingye.auth is not a function @angular/fire
Issue I’m using Angular and Firebase to do authentication. It’s working perfectly fine locally with no issues. However, when I deploy my application to Netlify and I’m getting an error: Uncaught TypeError: ye.auth is not a function If I try
Continue readingFirebase Firestore Database duplicates data on UI while using AngularFire
Issue I am having difficulty pinpointing the exact origin issue in my Angular 13.1 Project that uses @angular/fire 7.4.1 as its database. The issue seems to apply to each screen that I am displaying data that comes from my Firestore
Continue readingProperty 'pipe' does not exist on type 'void' Angular 6
Issue I don’t understand the cause of the problem. my code from Service File and i get Error Property ‘pipe’ does not exist on type ‘void’. Property ‘$key’ does not exist on type ‘{}’. import { Injectable } from ‘@angular/core’;
Continue readingOR operator in .where AngularFire
Issue I want to get data from firebase .where() for example: get data from database with attributes type = ‘shirt’ and type = ‘pants’ So, essentially an OR operator in a .where function in AngularFire Firestore Similar to ‘||’ in
Continue readingHow to get a variable from angularfire, even though it is an observable?
Issue So, I don’t know anything about angular much less how to select a specific field from my DB as it comes in Observable. Tried everywhere to see an example but to no avail. I’m using angular + firebase, with
Continue readingWhy is Angular overwriting the original variable?
Issue I’m new to Angular, so hopefully this will make perfect sense to someone out there, but I’ve been at it for hours now. export class QuizComponent implements OnInit { originalArray: IArray[] = []; tempArray: IArray[] = []; constructor( private
Continue readingHow to call a generic method with a deconstruct array as it's parameter
Issue I need to call a generic method with a deconstruct array as parameters as i know, of today, the only way to have, typed safe, inherit parameters, is to use a deconstructed array and forcing it’s type then to
Continue readingTypeScript override ToString()
Issue Let’s say I have a class Person which looks like this: class Person { constructor( public firstName: string, public lastName: string, public age: number ) {} } I have overridden the toString method as follows. public toString(): string {
Continue readingEquivalent of c# class virtual member in TypeScript
Issue So in C# when I’ve been creating model classes and lazy loading things, I do something like this: public int? User_ID { get; set; } public int? Dept_ID { get; set; } Then a little farther down in my
Continue readingAngulat 9 NgRx Data add method – create custom endpoint with query parameters;
Issue I am using NgRx Data on an Angular 9 project and I am trying to save an user using the add() method. The downside is that the api endpoint is something like http://localhost:{{port}}/something/{{clientId}}/users UserComponent saveUser(user) { this.userService.add(user); } UserService
Continue readingUsing @ngrx/data, how can you form JSON patch documents from updates to entities on a custom data service?
Issue My use case of @ngrx/data requires that I build custom entity data services by extending DefaultDataService<T>. The API I am working with accepts JSON patch documents for updates. EntityCollectionDataService<T> defines the following function for updates: update(update: Update<T>): Observable<T>; Where
Continue readingAngular resolver with Ngrx data service error
Issue I have an NGRX Data entity service that is working, I want to preload data before accessing to a route, therefore I made a resolver. import { Injectable } from "@angular/core"; import { ActivatedRouteSnapshot, Resolve, RouterStateSnapshot, } from "@angular/router";
Continue readingNgRx/Data how to set loaded flag for an entitiy on getWithQuery
Issue I am currently using NgRx Data in my project to handle a news entity. I have a resolver to check if the news entities loaded and then route to the /news page (where I show the news) the resolver
Continue readingNgx-Modal when extended 'NativeElement of undefined' Angular 2
Issue This plunker should open up a modal when the button is pressed. I have extended the existing ngx-modal but it throws error: Cannot read property ‘nativeElement’ of undefined. Having looked at the console this is because “modalRoot” should be
Continue readingHow to retrieve data from ngx-modal on submit angular 5
Issue I am using ngx-modal to create dialog, below is the code in html <button (click)=”myModal.open()”>Click Me</button> <modal #myModal cancelButtonLabel=”Cancel All [(ngModel)]=”rfin” submitButtonLabel=”submit” (onSubmit)=”callSubmit()”> <modal-content > <mat-card> <mat-card-content > <h2 class=”example-h2″>Select Emp</h2><br> <section class=”example-section” *ngFor=”let ep of emp” > <ng-template>
Continue readingHow to close the existing ngx-modal when new modal open up from same component in Angular 8
Issue I am trying to make a reusable modal component that can be called from the same modal itself. How I can configure the component and modal such that when the reusable component opens up the older instance will get
Continue readingTS Observable & ng: proper templating syntax
Issue I have an observable “applicationDetail” (private applicationDetail: Observable<ApplicationDetail>;). I bind the values like this: <h2 class=”detailViewH2″>{{ (applicationDetail | async)?.AttendeeName }}</h2> <p>{{ (applicationDetail | async)?.AttendeeFunction }} </p> This doesn’t seem like proper templating syntax to me, isn’t there a way
Continue readingHow to create an instance of <T> with arguments in typescript?
Issue I have a generic class and need to create an instance of with some arguments. I found how to create an instance with an empty constructor, but when I try overload it I get an error: ‘ERROR TypeError: rowObj
Continue readingTypescript: interface that extends a JSON type
Issue I am using a generic JSON type in typescript, suggested from here type JSONValue = | string | number | boolean | null | JSONValue[] | {[key: string]: JSONValue} I want to be able to cast from interface types
Continue readingHow to assign an object a const type while extend it from some other type or interface in Typescript?
Issue Consider code like this: const obj = { a: {x: 1}, b: {x: 2}, }; const bx = obj.b.x; // bx is number const nx = obj.n.x; // error as expected but now I want to have more certain
Continue readingHow to define Singleton in TypeScript
Issue What is the best and most convenient way to implement a Singleton pattern for a class in TypeScript? (Both with and without lazy initialisation). Solution Singleton classes in TypeScript are generally an anti-pattern. You can simply use namespaces instead.
Continue readingInversify circular singleton injection
Issue I’m trying to use two singletons and make them able to call each other like this import ‘reflect-metadata’; import { Container, inject, injectable } from ‘inversify’; let container = new Container(); @injectable() class Dom { private domUi: DomUi; constructor
Continue readingWhere a should inject service, which should be visible in all app? (angular2)
Issue I want to create NewService. And I want to have possibility to call it from all application? Where I should inject it in SharedModule (module which exports all reusable modules) or in AppModule ( main module of my application)
Continue readingSeparate Files for Functions in Angular 2/4 Injectable
Issue I’m writing a service which is likely going to grow exponentially, and I would like to be able to write separate files and load them into an @Injectable that a component uses. Normally I would just write multiple services
Continue readingAngular 2 service not being injected into component
Issue I have a service defined in my Angular2 (2.0.0-beta.0) application. It’s something like this: import {Injectable} from “angular2/core”; @Injectable() export class MyService { constructor() { } getSomething() { return ‘something’; } } I have it listed in my bootstrap()
Continue readingAngular 2 HTTP "Cannot resolve all parameters for 'AppService'"
Issue I tried to import the http provider into a service, but I’m getting the following error: Cannot resolve all parameters for ‘AppService'(?). Make sure that all the parameters are decorated with Inject or have valid type annotations and that
Continue readingHow to call component method from service? (angular2)
Issue I want to create service, which can interact with one component. All another components in my app, should be able to call this service, and this service should interact with this component. How to call component method from service?
Continue readingAngular 1 and TypeScript not binding to variable
Issue I’ve got the following code, where I expect the content of the property variable to be displayed in the page. I read a couple of posts and tried to find out what I’m doing wrong, but couldn’t find the
Continue readingHow do I implement environment-specific configuration settings in AngularJS and Typescript
Issue I’m putting together a AngularJS+Typescript+VisualStudio project. I want to have a configuration file with constants in it that control different settings (e.g., REST API URLs and environment names). How is this typically done in this kind of project? I
Continue readingAngular 6.1 and IE11. sui-accordion-panel doesn't expand. Exception: Object doesn't support property or method 'animate'
Issue <sui-accordion-panel> should expand in IE11 but the Object doesn’t support property or method ‘animate’ error appears instead, in the IE console window. Steps I added the <sui-accordion> with nested <sui-accordion-panel> to one of the views. The code looks like
Continue readingAngular 5/6 Resolver and Observable
Issue I’m literally going crazy trying to use a Resolver in Angular 6. My Resolver, working version: @Injectable() export class MyResolver implements Resolve<boolean> { constructor() { } resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<boolean> | Promise<boolean> | boolean { return true; }
Continue readingActive Route Resolver Returns Undefined On Every Call
Issue I’ve been working on getting a resolver working on for an activated route. The problem I’m running into is that in my route’s component the data I’m trying to get from the resolver is always undefined. I know my
Continue readingAngular6 Synchronously Load Route Data
Issue Okay, I recently implemented SSR into my Angular6 application, with the intention of rendering dynamic HTML in a crawlable manner. All seems to be working fine, but my issue is rendering data from an API endpoint. As soon as
Continue readingHow to return HttpClient response body from a request?
Issue I have a component that relies on an API response for its content. I have set up the resolver but it still returns before my data is ready. How can I make my pull_categories() function wait until the response
Continue readingngOnInit is calling before resolver data is ready
Issue I have a resolve that is calling getSchools() from service resolver.ts export abstract class APIResolverService implements Resolve<any> { constructor(readonly dropdownService:DropDownOptionsService,readonly route:ActivatedRoute) { } abstract resolve(); } export class APISchoolsresolve extends APIResolverService{ resolve(){ this.route.queryParams.subscribe(params => { let district = params[‘district’];
Continue readingRouter stop working after define Resolver with ngrx store injected
Issue I’m using the router resolver in order to fetch my ngrx store data before the page is loaded. After inserting the resolver into my routes, the router is not generating the content I have in <router-outlet></router-outlet> Other routes (without
Continue readingHow to use Angular 8 resolver with typescript?
Issue I am trying to make an application just like pastebin.com where i can use syntax highlight. Now i am trying to make the share file method. I am getting all the data from an .NET Core API, and the
Continue readingMake Angular resolver wait for images
Issue What can I do to make resolver wait until it gets images from the API. Right now, Angular waits until data is received, shows page and then tries to get images of the post. @Injectable() export class DataResolverService implements
Continue readingResolver is not returning Data in Angular
Issue I am new in Angular. I am trying to use resolver in my code. I have define routes for using resolver. Here is my routing. { path: ”, component: AppComponent, resolve: { post: ResolverService } } Then I create
Continue readingAngular Route Param not resolving
Issue Angular is not resolving my route parameter and I don’t understand why…. GAH. This is my routes file for the lazy module; import { NgModule } from ‘@angular/core’; import { RouterModule, Routes } from ‘@angular/router’; import { AssignedOrdersResolver }
Continue readingLocale time on IONIC2 Datetime picker
Issue I’m working with IONIC2, Angular2 and Typescript. I have an Datetime working as follows: page.html <ion-datetime displayFormat=”DD MMMM YYYY” pickerFormat=”DD MMMM YYYY” [(ngModel)]=”date”></ion-datetime> page.ts date: string = new Date().toISOString(); The ion-datetime field shows time with an hour less, how
Continue readingWhy is Prettier not including trailing commas?
Issue I’ve created a completely new angular application using ng new test-app, added Prettier to devDependencies and installed it and have disabled all extensions except Prettier in VSCode. Here is a link to it https://github.com/Alex1291/test-app. The problem is that when
Continue readingUpgrade angular 5.2 to 11
Issue I am trying to upgrade an angular app from 5.2 app to 11. It uses webpack to build and was not created using cli and has no angular.json file. I tried the ‘upgrade angular’ website to get instructions and
Continue readingNo projects support the 'extract-i18n' target
Issue I’m trying to add a new label on an old project which already have an existing internalization with Angular xi18n how can I regenerate an xlf file? or can I just insert my own trans-unit manually into the xlf
Continue readingAngular 14, ng serve error – @ngtools/webpack/src/ivy/index.js – Error: Maximum call stack size exceeded
Issue I’m working with angular 14 and node 16 and typescript. I was working normally, but now when i execute the ng serve command, i get the following error: ./src/main.ts – Error: Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js): Error: Maximum call
Continue readingTypescript rating component not displayed correctly
Issue I have written some code to rate . So I created the HTML and CSS files. I have given rating as 4 and 5. But it displaying both as 5 stars only. When I debug it is taking input
Continue reading