angular6

I am trying to add angular material component. but the component did not work properly. that error said Uncaught Error: Template parse errors: 'mat-option' is not a known element: // ... I think the error comes from app.module.ts : import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import { SidebarComponent } from './sidebar/sidebar.component'; import { PostsComponent } from './posts/posts.component'; import { UsersComponent } from './users

Angular 6 form validation simple example. With email validation and select box(drop down).ngForm simple example in angular 6 with select box Use ngForm. Import it your component.module.ts(module file) import { FormsModule } from '@angular/forms'; Add it your component template <form role="form" (ngSubmit)="f.form.valid && onSubmit()" #f="ngForm" novalidate> <select name="name_id" [(ngModel)]="model.name_id" #name_id="ngModel" [ngClass]="{ 'is-invalid': f.submitted && name_id.invalid }" required> <option value="" disabled selected>Select Name</option> <option *ngFor="let name of allnames"

ng config --global defaults.styleExt=scss Error: config not found ng set --global defaults.styleExt=scss Error: get/set have been deprecated in favor of the config command. Installed Packages versions ngular CLI: 6.0.3 Node: 8.11.1 Angular: 6.0.2 @angular/cli 6.0.3 @ngtools/webpack 6.0.3 webpack 4.8.3 update The following command gave me an error in the image ng config schematics.@schematics/angular:component '{ styleext: "scss"}' ng set --global defaults.styleExt=scss is deprecated since ng6. You should use: ng config schematics.@schematics/angular:component '{ styleext: "scss"}' If you want

I recently updated from Angular 5 to Angular 6. I'm getting this warning combineLatest is deprecated: resultSelector no longer supported, pipe to map instead . Rxjs is version 6.1.0, tslint is 5.10.0, Angular CLI is 6.0.0 and Typescript 2.7.2. I'm using it like this: const a$ = combineLatest( this.aStore.select(b.getAuth), this.cStore.select(b.getUrl), (auth, url) => ({auth, url}), ); I've tried it also like this: empty().pipe( combineLatest(...), ... ) But this gives me: combineLatest is deprecated: Deprecated in favor of static combineLatest and empty is also deprecated in favor of its

I am using Angular 6 where I am getting two errors - ERROR in ./src/app/app/img/img.service.ts Module not found: Error: Can't resolve 'rxjs/add/operator/map' in '/Users/user/Projects/A4/imageSearch/src/app/app/img' ERROR in src/app/app/img/img.service.ts(21,9): error TS2339: Property 'map' does not exist on type 'Observable'. I faced similar problem with rxjs map operator. Currently I'm using Angular 6. To know which version you are using: ng --version or ng -v If you are also using angular 6, then please checkout https://www.academind.com/learn/javascript/rxjs-6-what-changed/ Different

I get a country object from a service and bind it to a form that has a dropdown list of countries. The country doesn't appear selected after retrieving it from the service but all the other data is shown OK including a string gender field which is bound to a dropdown list. I can manually select the country from the list though. How can I automatically show the country as selected? personal-details.component.html <form [formGroup]="form" (submit)="doSave(form.values)"> <mat-card class="main-card"> <mat-card-content> <p>Personal Details</p> <mat-form-field class="full-width-input"> <input

How to install correctly PUG / JADE to Angular 2 or above So that while working and AOT and JiT Worked Unit and Integration Tests and do not suffer much when creating each new component Никита Середа I saw many solutions, some of them: in each component was added something like "require!pug-loader()some.component.pug" Get away from using angular-cli and create magic around webpack Use other servers (who know how to work with the Pug / Jade) Before running the build, convert all the pug files to html I think that they will refuse the server justified for angular - it's not true, run some pre