import { Observable } from "rxjs";
import { catchError, map, retry } from "rxjs/operators";
postEmployeeForm(employee: Employee): Observable<Employee> {
const headers = new HttpHeaders({ "Content-Type": "application/json" });
return this.http
.post(this.baseUrl, employee, { headers: headers })
.pipe(
map((response: any) => response["fields"] || {}),
catchError(this.handleError),
retry(3)
);
} import { Observable, of, throwError as observableThrowError, throwError } from "rxjs";
import { catchError, delay, map, retryWhen, take } from "rxjs/operators";
postEmployeeForm(employee: Employee): Observable<Employee> {
const headers = new HttpHeaders({ "Content-Type": "application/json" });
return this.http
.post(this.baseUrl, employee, { headers: headers })
.pipe(
map((response: any) => response["fields"] || {}),
retryWhen(errors => errors.pipe(
delay(1000),
take(3)
)),
catchError(this.handleError)
);
} import { Observable, of, throwError as observableThrowError, throwError } from "rxjs";
import { catchError, delay, map, mergeMap, retryWhen, take } from "rxjs/operators";
postEmployeeForm(employee: Employee): Observable<Employee> {
const headers = new HttpHeaders({ "Content-Type": "application/json" });
return this.http
.post(this.baseUrl, employee, { headers: headers })
.pipe(
map((response: any) => response["fields"] || {}),
retryWhen(errors => errors.pipe(
mergeMap((error: HttpErrorResponse, retryAttempt: number) => {
if (retryAttempt === 3 - 1) {
console.log(`HTTP call failed after 3 retries.`);
return throwError(error); // no retry
}
switch (error.status) {
case 400:
case 404:
return throwError(error); // no retry
}
return of(error); // retry
}),
delay(1000),
take(3)
)),
catchError(this.handleError)
);
} import { HttpErrorResponse, HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from "@angular/common/http";
import { Injectable } from "@angular/core";
import { Observable, of, throwError } from "rxjs";
import { catchError, delay, mergeMap, retryWhen, take } from "rxjs/operators";
@Injectable()
export class RetryInterceptor implements HttpInterceptor {
private delayBetweenRetriesMs = 1000;
private numberOfRetries = 3;
intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
return next.handle(request).pipe(
retryWhen(errors => errors.pipe(
mergeMap((error: HttpErrorResponse, retryAttempt: number) => {
if (retryAttempt === this.numberOfRetries - 1) {
console.log(`HTTP call '${request.method} ${request.url}' failed after ${this.numberOfRetries} retries.`);
return throwError(error); // no retry
}
switch (error.status) {
case 400:
case 404:
return throwError(error); // no retry
}
return of(error); // retry
}),
delay(this.delayBetweenRetriesMs),
take(this.numberOfRetries)
)),
catchError((error: any, caught: Observable<HttpEvent<any>>) => {
console.error({ error, caught });
if (error.status === 401 || error.status === 403) {
// this.router.navigate(["/accessDenied"]);
}
return throwError(error);
})
);
}
} providers: [
{
provide: HTTP_INTERCEPTORS,
useClass: RetryInterceptor,
multi: true
}, string path = somePath + "\\" + filename;
/somepath/filename
App = Ember.Application.create();
App.Router.map(function() {
this.resource('accounts'); // takes us to /accounts
this.resource('gallery'); // takes us to /gallery
}); App.Router.map(function() {
this.resource('news', function() {
this.resource('images', function () { // takes us to /news/images
this.route('add');// takes us to /news/images/add
});
});
}); App.SiteLink = Ember.Object.extend({});
App.SiteLink.reopenClass({
findAll: function() {
var links = [];
//… $.getJSON …
return links;
}
}); App.GalleryRoute = Ember.Route.extend({
model: function() {
return App.SiteLink.findAll();
}
}); 
App.GalleryRoute = Ember.Route.extend({
setupController: function(controller) {
controller.set('content', ['red', 'yellow', 'blue']);
}
}); App.GalleryController = Ember.Controller.extend({
search: '',
content: ['red', 'yellow', 'blue'],
query: function() {
var data = this.get('search');
this.transitionToRoute('search', { query: data });
}
}); <script type="text/x-handlebars" data-template-name="sayhello">
Hello,
<strong>{{firstName}} {{lastName}}</strong>!
</script> <script type="text/x-handlebars" data-template-name="sayhello">
Hello,
<strong>{{firstName}} {{lastName}}</strong>!
{{#if person}}
Welcome back,
<strong>{{person.firstName}} {{person.lastName}}</strong>!
{{/if}}
<ul>
{{#each friend in friends}}
<li>
{{friend.name}}
</li>
{{/each}}
</ul>
<img {{bindAttr src="link.url" }} />
{{#linkTo ''about}}About{{/linkTo}}
</script> this.resource('employees'); PM> Install-Package EmberJS
<script src="Scripts/jquery-2.1.1.js" type="text/javascript"></script> <script src="Scripts/handlebars.js" type="text/javascript"></script> <script src="Scripts/ember.js" type="text/javascript"></script> <script src="Scripts/app.js" type="text/javascript"></script>
App = Ember.Application.create();
App.IndexRoute = Ember.Route.extend({
setupController:function(controller) {
controller.set('content', ['red', 'yellow', 'blue']);
}
}); App.Router.map(function() {
this.resource('application');
this.resource('index');
}); <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="Scripts/jquery-2.1.1.js" type="text/javascript"></script>
<script src="Scripts/handlebars.js" type="text/javascript"></script>
<script src="Scripts/ember.js" type="text/javascript"></script>
<script src="Scripts/app.js" type="text/javascript"></script>
</head>
<body>
<script type="text/x-handlebars" data-template-name="index">
Hello,
<strong>Welcome to Ember.js</strong>!
<ul>
{{#each item in content}}
<li>
{{item}}
</li>
{{/each}}
</ul>
</script>
</body>
</html> <body>
<script type="text/x-handlebars" data-template-name="application">
<h1>Header</h1>
{{outlet}}
</script> 
