{"action":"opened","issue":{"url":"https://api.github.com/repos/angular/angular/issues/12780","repository_url":"https://api.github.com/repos/angular/angular","labels_url":"https://api.github.com/repos/angular/angular/issues/12780/labels{/name}","comments_url":"https://api.github.com/repos/angular/angular/issues/12780/comments","events_url":"https://api.github.com/repos/angular/angular/issues/12780/events","html_url":"https://github.com/angular/angular/issues/12780","id":188311394,"number":12780,"title":"We really need a document explaining the underline render concepts of components...","user":{"login":"born2net","id":5090936,"avatar_url":"https://avatars.githubusercontent.com/u/5090936?v=3","gravatar_id":"","url":"https://api.github.com/users/born2net","html_url":"https://github.com/born2net","followers_url":"https://api.github.com/users/born2net/followers","following_url":"https://api.github.com/users/born2net/following{/other_user}","gists_url":"https://api.github.com/users/born2net/gists{/gist_id}","starred_url":"https://api.github.com/users/born2net/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/born2net/subscriptions","organizations_url":"https://api.github.com/users/born2net/orgs","repos_url":"https://api.github.com/users/born2net/repos","events_url":"https://api.github.com/users/born2net/events{/privacy}","received_events_url":"https://api.github.com/users/born2net/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-11-09T17:55:56Z","updated_at":"2016-11-09T17:55:56Z","closed_at":null,"body":"We really need a document explaining the underline render concepts of components...\r\nI spoke to the guys at Gitter and many agreed that this is a missing piece of the puzzle and we really need this document.\r\n\r\nIn an effort to gain deeper knowledge into Angular 2 I wish someone would create an in depth explanation / tutorial on the underlying structure of components, directives and their containers and views.\r\n\r\nAs per the docs:\r\n\r\n> The component’s container can contain two kinds of Views. Host Views, created by instantiating a Component via createComponent, and Embedded Views, created by instantiating an Embedded Template via createEmbeddedView. The location of the View Container within the containing View is specified by the Anchor element. Each View Container can have only one Anchor Element and each Anchor Element can only have a single View Container. Root elements of Views attached to this container become siblings of the Anchor Element in the Rendered View.\r\n\r\n\r\nThis leaves many open questions, such as: a Host view is referring to the element that Component resides in, and an Embedded view is referring to the component’s template itself?\r\n\r\nIs that true for both cases when created manually (via createComponent) as well as when created declaratively via in another hosting component (parent)?\r\n\r\nIs that the case for Directives as well which don’t have a template (thus no view)? And how all this works in a Shadow dom environment (browser actually support a component host) vs an emulated environment?\r\n\r\nAngular 2 does do a lot of magic and in an effort to become an expert I wish to better understand, (maybe via a visual diagram) the entire relationship of: ViewContainerRef, Host views, Templates, Embedded Template, ViewChild, ViewContainer and their hierarchy of components and directives.\r\n\r\nI consider myself extremely well versed in Angular2 (delivered 2 huge project already) but still feel I have holes in my understand of the underline internal workings.\r\n\r\nSure you don’t need to know how a car works to drive one, but you handle it much better if you do,\r\n\r\nThanks as always,\r\n\r\nSean\r\n\r\n\r\nalso posted at:\r\n\r\nhttp://stackoverflow.com/questions/40423772/angular-2-how-underline-framework-works-with-relation-to-containers-hosts-and\r\n\r\n"}}
{"actor":{"display_login":"born2net"}}