Title: Zone doesn't support WebSockets. · Issue #487 · angular/angular · GitHub
Open Graph Title: Zone doesn't support WebSockets. · Issue #487 · angular/angular
X Title: Zone doesn't support WebSockets. · Issue #487 · angular/angular
Description: When using WebSockets and Angular 2, Zone doesn't pick up any changes in the WebSocket callback. The code below is the work around that is needed to update the view. Example project can be found here: https://github.com/davideast/ng2do i...
Open Graph Description: When using WebSockets and Angular 2, Zone doesn't pick up any changes in the WebSocket callback. The code below is the work around that is needed to update the view. Example project can be found he...
X Description: When using WebSockets and Angular 2, Zone doesn't pick up any changes in the WebSocket callback. The code below is the work around that is needed to update the view. Example project can be foun...
Opengraph URL: https://github.com/angular/angular/issues/487
X: @github
Domain: github.com
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Zone doesn't support WebSockets.","articleBody":"When using WebSockets and Angular 2, Zone doesn't pick up any changes in the WebSocket callback. The code below is the work around that is needed to update the view.\n\nExample project can be found here: [https://github.com/davideast/ng2do](https://github.com/davideast/ng2do)\n\n``` javascript\nimport * as ng from 'angular/angular';\nimport {LifeCycle} from 'core/life_cycle/life_cycle';\nimport {Injector} from 'di/di';\n\n@Component({\n selector: 'my-app'\n})\nclass MyCmp {\n\n constructor(injector: Injector) {\n\n this.todos = [];\n this.text = '';\n this.ref = new Firebase('https://\u003cyour-firebase\u003e.firebaseio.com/test');\n\n // Firebase uses WebSockets to send the data down\n this.ref.on('child_added', function(snap) {\n var lifecycle = injector.get(LifeCycle);\n var todo = snap.val();\n var fireTodo = new FireTodo(new Todo(todo), snap.ref());\n this.todos.push(fireTodo);\n lifecycle.tick(); // Need to tick here to update the view\n }.bind(this));\n\n }\n\n}\n```\n","author":{"url":"https://github.com/davideast","@type":"Person","name":"davideast"},"datePublished":"2015-01-28T20:24:43.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":4},"url":"https://github.com/487/angular/issues/487"}
| route-pattern | /_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format) |
| route-controller | voltron_issues_fragments |
| route-action | issue_layout |
| fetch-nonce | v2:7ec2279f-350e-76af-a602-83bd8ef07630 |
| current-catalog-service-hash | 81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114 |
| request-id | 89E8:337C5B:4663B1F:60B04F2:6A5E1809 |
| html-safe-nonce | 0ad6fd68db8a4affde561852957502b90ff012e153d703cb6f85b09260659017 |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiI4OUU4OjMzN0M1Qjo0NjYzQjFGOjYwQjA0RjI6NkE1RTE4MDkiLCJ2aXNpdG9yX2lkIjoiOTE1MjIxMDIxMDQ1MTY4MTM3IiwicmVnaW9uX2VkZ2UiOiJpYWQiLCJyZWdpb25fcmVuZGVyIjoiaWFkIn0= |
| visitor-hmac | bcf2a270c3a4d1e444538425db1b876a37478528b6d7a8303cea907b962176ea |
| hovercard-subject-tag | issue:55810274 |
| github-keyboard-shortcuts | repository,issues,copilot |
| google-site-verification | Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I |
| octolytics-url | https://collector.github.com/github/collect |
| analytics-location | / |
| fb:app_id | 1401488693436528 |
| apple-itunes-app | app-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/angular/angular/487/issue_layout |
| twitter:image | https://opengraph.githubassets.com/3d7215ff6870a01abea03c364bac532753dfdf95efcb18947df3f43d8f13e0b9/angular/angular/issues/487 |
| twitter:card | summary_large_image |
| og:image | https://opengraph.githubassets.com/3d7215ff6870a01abea03c364bac532753dfdf95efcb18947df3f43d8f13e0b9/angular/angular/issues/487 |
| og:image:alt | When using WebSockets and Angular 2, Zone doesn't pick up any changes in the WebSocket callback. The code below is the work around that is needed to update the view. Example project can be found he... |
| og:image:width | 1200 |
| og:image:height | 600 |
| og:site_name | GitHub |
| og:type | object |
| og:author:username | davideast |
| hostname | github.com |
| expected-hostname | github.com |
| None | d4a572b82dcecf0667243946ab33171fae36ea3b282a90c368cd553220df258f |
| turbo-cache-control | no-preview |
| go-import | github.com/angular/angular git https://github.com/angular/angular.git |
| octolytics-dimension-user_id | 139426 |
| octolytics-dimension-user_login | angular |
| octolytics-dimension-repository_id | 24195339 |
| octolytics-dimension-repository_nwo | angular/angular |
| octolytics-dimension-repository_public | true |
| octolytics-dimension-repository_is_fork | false |
| octolytics-dimension-repository_network_root_id | 24195339 |
| octolytics-dimension-repository_network_root_nwo | angular/angular |
| turbo-body-classes | logged-out env-production page-responsive |
| disable-turbo | false |
| browser-stats-url | https://api.github.com/_private/browser/stats |
| browser-errors-url | https://api.github.com/_private/browser/errors |
| release | f2da5f89a14df1202295f828eac9035e3a4d2b2b |
| ui-target | full |
| theme-color | #1e2327 |
| color-scheme | light dark |
Links:
Viewport: width=device-width