<p dir="auto"><strong>I'm submitting a ...</strong>  (check one with "x")</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question"><pre class="notranslate"><code class="notranslate">[x] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong><br>
In the transition to Angular 4, AbstractControl documentation seems to be missing some functions.</p>
<p dir="auto"><strong>Expected behavior</strong><br>
The documentation should match with <a href="https://v2.angular.io/docs/ts/latest/api/forms/index/AbstractControl-class.html" rel="nofollow">https://v2.angular.io/docs/ts/latest/api/forms/index/AbstractControl-class.html</a></p>
<p dir="auto"><strong>Minimal reproduction of the problem with instructions</strong><br>
Compare <a href="https://angular.io/docs/ts/latest/api/forms/index/AbstractControl-class.html" rel="nofollow">https://angular.io/docs/ts/latest/api/forms/index/AbstractControl-class.html</a> with <a href="https://github.com/angular/angular/blob/4.0.0/packages/forms/src/model.ts">https://github.com/angular/angular/blob/4.0.0/packages/forms/src/model.ts</a></p>
<ul dir="auto">
<li><strong>Angular version:</strong> 4.0</li>
</ul>
<p dir="auto">Moved from <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="217703061" data-permission-text="Title is private" data-url="https://github.com/angular/angular.io/issues/3454" data-hovercard-type="issue" data-hovercard-url="/angular/angular.io/issues/3454/hovercard" href="https://github.com/angular/angular.io/issues/3454">angular/angular.io#3454</a></p>
<p dir="auto">We have a library of components for angular that we are currently migrating to Angular 2. We have a container that injects content using <code class="notranslate">ng-content</code>. We would like to have a child component that injects the parent if you nest it inside of the parent, like so:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;parent&gt;
    &lt;child&gt;&lt;/child&gt;
&lt;/parent&gt;"><pre class="notranslate"><code class="notranslate">&lt;parent&gt;
    &lt;child&gt;&lt;/child&gt;
&lt;/parent&gt;
</code></pre></div>
<p dir="auto">This works beautifully in angular 2. However, since are in the process of migration, we would like to use the ngUpgrade adapter for this. The dependency injection seems to fail if the parent and child are specified in an angular 1 context. Any insights on this issue? Is this something that is going to be supported in the ngUpgrade adapter?</p>
<p dir="auto">I have a working plunker that illustrates the problem:</p>
<p dir="auto"><a href="http://plnkr.co/edit/9qb6ZK9SpJyrWoJDEFEj?p=preview" rel="nofollow">http://plnkr.co/edit/9qb6ZK9SpJyrWoJDEFEj?p=preview</a></p>
<p dir="auto">In both cases, the template includes a parent with the child <code class="notranslate">transcluded/projected</code> into it. The child tries to inject the parent and then calls a function on it when you press the button. The ng2 example works, but not the ng1/ngUpgrade one.</p>