Test case: https://jsfiddle.net/zoqmj7vq/

Description of test case:

• Clicking on each list item is supposed to delete the item from the model
• Expected Results: When a <li> item is clicked, the corresponding items should be deleted from both Section A and Section B
• Actual Results: The items are not deleted from Section A, whose template is loaded asynchronously.
• Adding items after the template is loaded does not exhibit this problem. This is because the document fragment has been properly created.

Root of problem

this.unlink = linker(vm, frag, host, scope, this)

When asynchronous components are used, frag becomes an empty text element.
When the component is loaded, the newly created elements are created in their correct positions, but the fragment cache is not updated.
Therefore deleting the component using data from the fragment cache fails.