<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="[ ] bug report
[x] feature request
[ ] support request"><pre class="notranslate"><code class="notranslate">[ ] bug report
[x] feature request
[ ] support request
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong><br>
There is no way how to get the value of 'formControlName' inside a custom validation function to identify which control is beeing actually validated (model-driven forms) because the only parameter is (c: FormControl) and the actual API of 'FormControl' is:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="_errors, _onChange, _parent, _pristine, _status, _statusChanges, _touched,
_value, _valueChanges, asyncValidator, dirty, errors, pending, pristine,
root, status, statusChanges, touched, untouched, valid, validator, value, valueChanges"><pre class="notranslate"><code class="notranslate">_errors, _onChange, _parent, _pristine, _status, _statusChanges, _touched,
_value, _valueChanges, asyncValidator, dirty, errors, pending, pristine,
root, status, statusChanges, touched, untouched, valid, validator, value, valueChanges
</code></pre></div>
<p dir="auto"><strong>Expected/desired behavior</strong><br>
Be able to get 'formControlName' value inside a custom validation and generic function and use it as the identity of the actually validated control. It allows to have a dynamic set of validation rules for each control (for example in JSON syntax) that could be maintenated outside of the app code then.</p>
<p dir="auto"><strong>What is the motivation / use case for changing the behavior?</strong><br>
To be more flexible and minimize the code = reducing the number of custom validators.</p>
<p dir="auto"><strong>Please tell us about your environment:</strong></p>
<ul dir="auto">
<li><strong>Angular version:</strong> 2.0.0-rc.4</li>
<li><strong>Browser:</strong> [all]</li>
<li><strong>Language:</strong> [all]</li>
</ul>
<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 ] feature request"><pre class="notranslate"><code class="notranslate">[x ] feature request
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong></p>

<p dir="auto">Angular will always find and render component tag.<br>
e.g. <code class="notranslate">&lt;my-component-tag&gt;</code></p>
<p dir="auto"><strong>Expected behavior</strong></p>

<p dir="auto">I would like to have an option to have component tag be ignored and just kept as a plain html.<br>
e.g. <code class="notranslate">&lt;my-component-tag plainHtml&gt;</code></p>
<p dir="auto"><strong>What is the motivation / use case for changing the behavior?</strong></p>

<p dir="auto">A lot of external components are not compatible to other external directives, components.<br>
And in order to get same html structure and get things working  I would like to be able to create it manually.</p>
<p dir="auto">Thanks.</p>