I ended up finding it through the IntelliSense on the get() function. So, I’ll post it here for anyone who is looking for similar information. Anyways, the syntax is nearly identical, but slightly different. Instead of using URLSearchParams() the parameters need to be initialized as HttpParams() and the property within the get() function is now … Read more
There are two ways to do it. In the method that opens the dialog, pass in the following configuration option disableClose as the second parameter in MatDialog#open() and set it to true: export class AppComponent { constructor(private dialog: MatDialog){} openDialog() { this.dialog.open(DialogComponent, { disableClose: true }); } } Alternatively, do it in the dialog component … Read more
The error you are seeing is because you are requesting http://localhost/route which doesn’t exist. According to Simon. When using html5 routing you need to map all routes in your app(currently 404) to index.html in your server side. Here are some options for you: using live-server: https://www.npmjs.com/package/live-server $live-server –entry-file=index.html` using nginx: http://nginx.org/en/docs/beginners_guide.html error_page 404 /index.html Tomcat … Read more
Template Driven Forms Features:” Easy to use Suitable for simple scenarios and fails for complex scenarios Similar to AngularJS Two way data binding(using [(NgModel)] syntax) Minimal component code Automatic track of the form and its data(handled by Angular) Unit testing is another challenge Reactive Forms Features: More flexible, but needs a lot of practice Handles … Read more
Make sure the @angular/animations package is installed (e.g. by running npm install @angular/animations). Then, in your app.module.ts import { BrowserAnimationsModule } from ‘@angular/platform-browser/animations’; @NgModule({ …, imports: [ …, BrowserAnimationsModule ], … })
Alternative Solution: This answer of Thierry Templier is an alternative way to get around the problem. After some questions with Thierry Templier, I came to the following working example that meets my expectations as an alternative to inheritance limitation mentioned in this question: 1 – Create custom decorator: export function CustomComponent(annotation: any) { return function … Read more
You need to import it: for Angular >= 6.0.0 uses RxJS 6.0.0 Angular Changelog 6.0.0 import { of } from ‘rxjs’; And its usage has been changed, you no longer call it off of Observable: of(‘token’); RxJS v5.x to v6 Update Guide – HowTo: Convert to pipe syntax which uses of() for Angular <= 5.x.xx … Read more
Update v8 Below answers work but exposes your application to XSS security risks!. Instead of using this.domSanitizer.bypassSecurityTrustResourceUrl(url), it is recommended to use this.domSanitizer.sanitize(SecurityContext.URL, url) Update For RC.6^ version use DomSanitizer Plunker And a good option is using pure pipe for that: import { Pipe, PipeTransform } from ‘@angular/core’; import { DomSanitizer} from ‘@angular/platform-browser’; @Pipe({ name: … Read more
I was also getting this issue and solved by running below command. ng update @angular/cli –migrate-only –from=<WhateverVersionYouAreCurrentlyOn> e.g. ng update @angular/cli –migrate-only –from=1.7.3 getting ref from here
Angular 2 provides good support for uploading files. No third party library is required. <input type=”file” (change)=”fileChange($event)” placeholder=”Upload file” accept=”.pdf,.doc,.docx”> fileChange(event) { let fileList: FileList = event.target.files; if(fileList.length > 0) { let file: File = fileList[0]; let formData:FormData = new FormData(); formData.append(‘uploadFile’, file, file.name); let headers = new Headers(); /** In Angular 5, including the … Read more