angular6

I have a question about the Angular 5 httpClient. This is a model class with a method foo() I'd like to receive from the server export class MyClass implements Deserializable{ id: number; title: string; deserialize(input: any) { Object.assign(this, input); return this; } foo(): string { // return "some string conversion" with this.title } } This is my service requesting it: import { Injectable } from '@angular/core'; import { HttpClient } from '@angular/common/http'; import { Observable } from 'rxjs'; import { MyClass } from './MyClass'; @Injectable({ providedIn: 'root', }) export class

I'm using mat-tree angular material component. It's a nice component with some very useful features like, multi-select, expand all/collapse all. I was not able to find any tree filtering feature in any of their APIs. Has anyone came across this feature or done any work around to get mat-tree filter? mfatih I solved the problem by creating a new data source(filtered). stackblitz sample I will explain the example of the shared link: I filtered the data with filter(filterText: string) in ChecklistDatabase and triggered a dataChange event. Then datasource.data was changed by a handled event in

My angular cli version is 6.0.1 and node version is 8.11.1 . How to create or add a new project of angular 5. If I use ng new [project_name] then the project is downloading that is of angular 6 . I stumbled upon this scenario too. Here is my solution to it. Unfortunately we are at the CLI's mercy, as the best way to create a new Angular project scaffolding. Considering ng new {app_name} does not support a version flag. Our aim would be to get the right CLI version installed. The following steps helped me workaround this: Create a new folder: mkdir ng-5-cli && cd ng-5-cli Initialise NPM npm

I have a service in Angular 6 and I'm trying to change a record but it's saying I'm not authorized. Right now I have this: const httpOptions = { headers: new HttpHeaders({'Content-Type': 'application/json'}) }; update(id, title, content) { const updateData = { id: id, title: title, content: content }; return this.http.put(`http://myurl/${id}`, updateData, httpOptions); } My question is: How to I add basic authorization to my httpOptions or do I add it direct to the update method? You can add basic authorization by appending it in headers, as below: var headers_object = new HttpHeaders();

There are two sub-questions: Should I put secret environment variables in environment.ts file? The process variable shim is gone. If I use it, tsc will throw an error: Cannot find name 'process' . Here is my thing: About Q1: I don't think put secret environment variables in environment.ts file is correct. Because these files will be a push to source code management, like GitHub, gitlab, bitbucket. It's not safe. So I think secret environment variables should be passed through process.env , like process.env.ACCESS_TOKEN , or, if use docker-compose, should put the secret environment variables in

I used "Ionic Loading Controller" to show a spinner until the data is retrieved then it calls "dismiss()" to dismissed it. it works fine, but sometimes when the app already have the data, the "dismiss()" is called before the "create()" and "present()" is done which will keep the spinner without dismissing... I tried to call the data inside "loadingController.present().then()", but that caused the data to be slower... is this a bug? how to solve the this issue? Example of my code: customer: any; constructor(public loadingController: LoadingController, private customerService: CustomerService)