update ExceptionHandler was renamed to ErrorHandler https://stackoverflow.com/a/35239028/217408 orgiginal Change detection isn’t run at the end of the click event when the handler throws. You can invoke change detection manually but this gets a bit complicated because you need an ApplicationRef reference and ApplicationRef depends on ExceptionHandler which makes a neat cycle and DI can’t resolve … Read more
Thanks to the Pedro Arantes advice, I reached the next working config (see dataGroups and “maxAge”: “0u”): { “index”: “/index.html”, “dataGroups”: [ { “name”: “api”, “urls”: [“/api”], “cacheConfig”: { “maxSize”: 0, “maxAge”: “0u”, “strategy”: “freshness” } } ], “assetGroups”: [ { “name”: “app”, “installMode”: “prefetch”, “resources”: { “files”: [ “/favicon.ico”, “/index.html” ], “versionedFiles”: [ “/*.bundle.css”, … Read more
I know this is an old question, but this is one of the first places I landed when searching for this functionality so I’ll add how I was able to solve it. ngContent is only for static projection, so you can’t use it to do any bindings. If you need bindings in your projected content … Read more
Why all those complicate answers about simple question. If you in advance have options which have to be selected, you can do it simply this way : This code is good : HTML <select multiple [(ngModel)]=”myModelProperty”> <option *ngFor=”#item of myOptions” [value]=”item.value”>{{item.name}}</option> </select> ANGULAR myModelProperty: any; myModelProperty = [‘YOUR_VALUE’, ‘YOUR_VALUE’]; or if you have string, you … Read more
This is currently not supported. If only parameter values change but the route stays the same the component is not re-created. See also https://github.com/angular/angular/issues/9811 You can subscribe to params to get notified when the params change to re-initialize the component instance. See also https://stackoverflow.com/a/38560010/217408
Here is what worked for me (Angular 7): First import HttpClientModule in your app.module.ts if you didn’t: import { HttpClientModule } from ‘@angular/common/http’; … imports: [ HttpClientModule ], Then change your service @Injectable() export class FooService { to @Injectable({ providedIn: ‘root’ }) export class FooService { Hope it helps. Edit: providedIn Determines which injectors will … Read more
You can simply use [innerHTML] directive to accomplish it. http://plnkr.co/edit/6x04QSKhqbDwPvdsLSL9?p=preview import {Component, Pipe} from ‘@angular/core’ @Component({ selector: ‘my-app’, template: ` Hello my name is <span [innerHTML]=”myName”></span> `, }) export class AppComponent { myName=”<strong>Pardeep</strong>”; } Update: I checked it doesn’t work this way after RC.1 release. Let’s say to make it work with RC.4 you can … Read more
constructor(location:Location) { console.log(location.prepareExternalUrl(location.path())); } https://angular.io/api/common/Location#prepareexternalurl As the documentation says: Normalizes an external URL path. If the given URL doesn’t begin with a leading slash (“https://stackoverflow.com/”), adds one before normalizing. Adds a hash if HashLocationStrategy is in use, or the APP_BASE_HREF if the PathLocationStrategy is in use. It means that you have to explicitly specify APP_BASE_HREF … Read more
The code below does not work with pure ngModel binding, so I did a lot of experiments. Latest, also confirmed by Maximillian Schwarzmuller should be the one: @Directive({ selector: ‘[ngModel], [formControl]’, // or ‘input, select, textarea’ – but then your controls won’t be handled and also checking for undefined would be necessary }) export class … Read more
This it what you are looking for: <input type=”checkbox” [(ngModel)]=”isChecked” (change)=”checkValue(isChecked?’A’:’B’)” /> Inside your class: checkValue(event: any){ console.log(event); } Also include FormsModule in app.module.ts to make ngModel work ! Hope it Helps!