
committed by
Kara Erickson

parent
7b3bcc23af
commit
5eb7426216
59
packages/zone.js/example/basic.html
Normal file
59
packages/zone.js/example/basic.html
Normal file
@ -0,0 +1,59 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Zone.js Basic Demo</title>
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<script src="../dist/zone.js"></script>
|
||||
<script src="../dist/long-stack-trace-zone.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>Basic Example</h1>
|
||||
|
||||
<button id="b1">Bind Error</button>
|
||||
<button id="b2">Cause Error</button>
|
||||
|
||||
<script>
|
||||
|
||||
/*
|
||||
* This is a simple example of async stack traces with zones
|
||||
*/
|
||||
|
||||
function main () {
|
||||
b1.addEventListener('click', bindSecondButton);
|
||||
}
|
||||
|
||||
/*
|
||||
* What if your stack trace could tell you what
|
||||
* order the user pushed the buttons from the stack trace?
|
||||
*
|
||||
* What if you could log this back to the server?
|
||||
*
|
||||
* Think of how much more productive your debugging could be!
|
||||
*/
|
||||
|
||||
function bindSecondButton () {
|
||||
b2.addEventListener('click', throwError);
|
||||
}
|
||||
|
||||
|
||||
function throwError () {
|
||||
throw new Error('aw shucks');
|
||||
}
|
||||
|
||||
/*
|
||||
* Bootstrap the app
|
||||
*/
|
||||
//main();
|
||||
Zone.current.fork(
|
||||
{
|
||||
onHandleError: function (parentZoneDelegate, currentZone, targetZone, error) {
|
||||
console.log(error.stack);
|
||||
}
|
||||
}
|
||||
).fork(Zone.longStackTraceZoneSpec).run(main);
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
Reference in New Issue
Block a user