There is a work-around mentioned in the changelog for 2.0.0-beta.6 (2016-02-11) (listed under breaking changes): If you use –target=es5, you will need to add a line somewhere in your application (for example, at the top of the .ts file where you call bootstrap): ///<reference path=”node_modules/angular2/typings/browser.d.ts”/> (Note that if your file is not in the same … Read more
You need to use the new configuration option (this works for ng build and ng serve as well) ng serve –configuration=local or ng serve -c local If you look at your angular.json file, you’ll see that you have finer control over settings for each configuration (aot, optimizer, environment files,…) “configurations”: { “production”: { “optimization”: true, … Read more
Use the HttpClient class from HttpClientModule if you’re using Angular 4.3.x and above: import { HttpClientModule } from ‘@angular/common/http’; @NgModule({ imports: [ BrowserModule, HttpClientModule ], … class MyService() { constructor(http: HttpClient) {…} It’s an upgraded version of http from @angular/http module with the following improvements: Interceptors allow middleware logic to be inserted into the pipeline … Read more
To create a component as part of a module you should ng g module newModule to generate a module, cd newModule to change directory into the newModule folder ng g component newComponent to create a component as a child of the module. UPDATE: Angular 9 Now it doesn’t matter what folder you are in when … Read more
Interfaces are only at compile time. This allows only you to check that the expected data received follows a particular structure. For this you can cast your content to this interface: this.http.get(‘…’) .map(res => <Product[]>res.json()); See these questions: How do I cast a JSON object to a typescript class How to get Date object from … Read more
Using a cell renderer. Use the renderer name of your choice when configuring the column: const container = document.getElementById(‘container’); const hot = new Handsontable(container, { data: someData, columns: [{ renderer: ‘numeric’ }] });
Angular 9.0.0 < Since 9.0.0 with Ivy, the entryComponents property is no longer necessary. See deprecations guide. Angular 9.0.0 > You need to add dynamically created components to entryComponents inside your @NgModule @NgModule({ declarations: [ AppComponent, LoginComponent, DashboardComponent, HomeComponent, DialogResultExampleDialog ], entryComponents: [DialogResultExampleDialog] Note: In some cases entryComponents under lazy loaded modules will not work, … Read more
First, what you need to understand the relationships between components. Then you can choose the right method of communication. I will try to explain all the methods that I know and use in my practice for communication between components. What kinds of relationships between components can there be? 1. Parent > Child Sharing Data via … Read more
Create a function in the controller that redirects to the expected route like so redirectTo(uri:string){ this.router.navigateByUrl(“https://stackoverflow.com/”, {skipLocationChange: true}).then(()=> this.router.navigate([uri])); } then use it like this this.redirectTo(‘//place your uri here’); this function will redirect to a dummy route and quickly return to the destination route without the user realizing it.
A quick tip that helps me remember what they do – HostBinding(‘value’) myValue; is exactly the same as [value]=”myValue” And HostListener(‘click’) myClick(){ } is exactly the same as (click)=”myClick()” HostBinding and HostListener are written in directives and the other ones (…) and [..] are written inside templates (of components).