René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Insert / Detach ViewRefs between multiple ViewContainerRefs","articleBody":"\u003c!--\r\nPLEASE HELP US PROCESS GITHUB ISSUES FASTER BY PROVIDING THE FOLLOWING INFORMATION.\r\n\r\nISSUES MISSING IMPORTANT INFORMATION MAY BE CLOSED WITHOUT INVESTIGATION.\r\n--\u003e\r\n\r\n## I'm submitting a...\r\n\r\n[X] Bug Report\r\n[X] Feature request\r\nI am not sure if the behavior is intended but it clearly causes problems.\r\n\r\n## Current behavior\r\n\u003c!-- Describe how the issue manifests. --\u003e\r\nWe are unable to detach a ViewRef from **ViewContainerRef A** and attach it to a different **ViewContainerRef B**\r\n\r\nInsert / Detaching doesn't trigger change detection on both ViewContainers.\r\nUsing `@ContentChildren` fails to update changes properly.\r\n\r\n## Expected behavior\r\n\u003c!-- Describe what the desired behavior would be. --\u003e\r\nI would like to be able to detach a ViewRef and attach it to a new ViewContainer without recreating the components inside the view. This should work without any issues.\r\n\r\n## Minimal reproduction of the problem with instructions\r\nhttps://stackblitz.com/edit/angular-gitter-couoxk?file=app%2Ftest.ts\r\n\r\n## What is the motivation / use case for changing the behavior?\r\n\u003c!-- Describe the motivation or the concrete use case. --\u003e\r\nWould allow to implement Drag \u0026 Drop that doesn't recreate the  components when an item is dragged over.\r\nWould allow to manipulate dom without using nativeElement, No more worrying about *ngFor trying to find the changes and throwing errors when nodes are missing in dom.\r\n\r\n## Environment\r\n\r\n\u003cpre\u003e\u003ccode\u003e\r\nAngular version: 4.x\r\nand \r\nAngular version: 5.x\r\n\u003c!-- Check whether this is still an issue in the most recent Angular version --\u003e\r\n\r\nBrowser:\r\n\r\n- [x] Chrome (desktop) version XX\r\n- [x] Chrome (Android) version XX\r\n- [x] Chrome (iOS) version XX\r\n- [x] Firefox version XX\r\n- [x] Safari (desktop) version XX\r\n- [x] Safari (iOS) version XX\r\n- [x] IE version XX\r\n- [x] Edge version XX\r\n \r\nFor Tooling issues:\r\n- Node version: XX  \u003c!-- run `node --version` --\u003e\r\n- Platform:  \u003c!-- Mac, Linux, Windows --\u003e\r\n\r\nOthers:\r\n\u003c!-- Anything else relevant?  Operating system version, IDE, package manager, HTTP server, ... --\u003e\r\n\u003c/code\u003e\u003c/pre\u003e\r\n","author":{"url":"https://github.com/azarus","@type":"Person","name":"azarus"},"datePublished":"2017-12-06T12:56:43.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":11},"url":"https://github.com/20824/angular/issues/20824"}