carbon-components-angular 5.72.0 → 5.72.2

package/docs/documentation/components/RadioGroup.html

@@ -155,6 +155,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
     <p class="comment">
                 <code>AfterContentInit</code>
                 <code>AfterViewInit</code>
+                <code>OnDestroy</code>
                 <code>ControlValueAccessor</code>
     </p>
 
@@ -317,6 +318,10 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                                     <span class="modifier"></span>
                                 <a href="#radios" >radios</a>
                             </li>
+                            <li>
+                                    <span class="modifier">Private</span>
+                                <a href="#subscription" >subscription</a>
+                            </li>
                         </ul>
                     </td>
                 </tr>
@@ -349,6 +354,9 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                             <li>
                                 <a href="#ngAfterViewInit" >ngAfterViewInit</a>
                             </li>
+                            <li>
+                                <a href="#ngOnDestroy" >ngOnDestroy</a>
+                            </li>
                             <li>
                                     <span class="modifier">Public</span>
                                 <a href="#registerOnChange" >registerOnChange</a>
@@ -535,7 +543,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="222" class="link-to-prism">src/radio/radio-group.component.ts:222</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="224" class="link-to-prism">src/radio/radio-group.component.ts:224</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -562,7 +570,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="227" class="link-to-prism">src/radio/radio-group.component.ts:227</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="229" class="link-to-prism">src/radio/radio-group.component.ts:229</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -589,7 +597,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="217" class="link-to-prism">src/radio/radio-group.component.ts:217</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="219" class="link-to-prism">src/radio/radio-group.component.ts:219</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -616,7 +624,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="177" class="link-to-prism">src/radio/radio-group.component.ts:177</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="179" class="link-to-prism">src/radio/radio-group.component.ts:179</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -643,7 +651,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="232" class="link-to-prism">src/radio/radio-group.component.ts:232</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="234" class="link-to-prism">src/radio/radio-group.component.ts:234</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -675,7 +683,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="237" class="link-to-prism">src/radio/radio-group.component.ts:237</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="239" class="link-to-prism">src/radio/radio-group.component.ts:239</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -702,7 +710,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="242" class="link-to-prism">src/radio/radio-group.component.ts:242</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="244" class="link-to-prism">src/radio/radio-group.component.ts:244</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -734,7 +742,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="210" class="link-to-prism">src/radio/radio-group.component.ts:210</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="212" class="link-to-prism">src/radio/radio-group.component.ts:212</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -755,7 +763,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="212" class="link-to-prism">src/radio/radio-group.component.ts:212</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="214" class="link-to-prism">src/radio/radio-group.component.ts:214</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -776,7 +784,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="162" class="link-to-prism">src/radio/radio-group.component.ts:162</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="164" class="link-to-prism">src/radio/radio-group.component.ts:164</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -808,7 +816,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="208" class="link-to-prism">src/radio/radio-group.component.ts:208</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="210" class="link-to-prism">src/radio/radio-group.component.ts:210</a></div>
                             </td>
                         </tr>
             </tbody>
@@ -829,7 +837,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="116" class="link-to-prism">src/radio/radio-group.component.ts:116</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="118" class="link-to-prism">src/radio/radio-group.component.ts:118</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -856,7 +864,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="192" class="link-to-prism">src/radio/radio-group.component.ts:192</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="194" class="link-to-prism">src/radio/radio-group.component.ts:194</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -883,7 +891,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="142" class="link-to-prism">src/radio/radio-group.component.ts:142</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="144" class="link-to-prism">src/radio/radio-group.component.ts:144</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -915,7 +923,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="247" class="link-to-prism">src/radio/radio-group.component.ts:247</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="249" class="link-to-prism">src/radio/radio-group.component.ts:249</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -942,7 +950,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="252" class="link-to-prism">src/radio/radio-group.component.ts:252</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="254" class="link-to-prism">src/radio/radio-group.component.ts:254</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -972,7 +980,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                         <tr>
                             <td class="col-md-2" colspan="2">
-                                    <div class="io-line">Defined in <a href="" data-line="257" class="link-to-prism">src/radio/radio-group.component.ts:257</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="259" class="link-to-prism">src/radio/radio-group.component.ts:259</a></div>
                             </td>
                         </tr>
                 <tr>
@@ -1009,7 +1017,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="268" class="link-to-prism">src/radio/radio-group.component.ts:268</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="270" class="link-to-prism">src/radio/radio-group.component.ts:270</a></div>
                         </td>
                     </tr>
 
@@ -1045,8 +1053,8 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="403"
-                                    class="link-to-prism">src/radio/radio-group.component.ts:403</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="421"
+                                    class="link-to-prism">src/radio/radio-group.component.ts:421</a></div>
                         </td>
                     </tr>
 
@@ -1079,8 +1087,8 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="298"
-                                    class="link-to-prism">src/radio/radio-group.component.ts:298</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="302"
+                                    class="link-to-prism">src/radio/radio-group.component.ts:302</a></div>
                         </td>
                     </tr>
 
@@ -1118,8 +1126,8 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="339"
-                                    class="link-to-prism">src/radio/radio-group.component.ts:339</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="343"
+                                    class="link-to-prism">src/radio/radio-group.component.ts:343</a></div>
                         </td>
                     </tr>
 
@@ -1196,8 +1204,8 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="403"
-                                    class="link-to-prism">src/radio/radio-group.component.ts:403</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="421"
+                                    class="link-to-prism">src/radio/radio-group.component.ts:421</a></div>
                         </td>
                     </tr>
 
@@ -1235,8 +1243,8 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="417"
-                                    class="link-to-prism">src/radio/radio-group.component.ts:417</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="435"
+                                    class="link-to-prism">src/radio/radio-group.component.ts:435</a></div>
                         </td>
                     </tr>
 
@@ -1335,8 +1343,45 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="383"
-                                    class="link-to-prism">src/radio/radio-group.component.ts:383</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="397"
+                                    class="link-to-prism">src/radio/radio-group.component.ts:397</a></div>
+                        </td>
+                    </tr>
+
+
+            <tr>
+                <td class="col-md-4">
+
+                        <div class="io-description">
+                            <b>Returns : </b>        <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
+
+                        </div>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="ngOnDestroy"></a>
+                    <span class="name">
+                        <span ><b>ngOnDestroy</b></span>
+                        <a href="#ngOnDestroy"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+            <tr>
+                <td class="col-md-4">
+<code>ngOnDestroy()</code>
+                </td>
+            </tr>
+
+
+                    <tr>
+                        <td class="col-md-4">
+                            <div class="io-line">Defined in <a href="" data-line="401"
+                                    class="link-to-prism">src/radio/radio-group.component.ts:401</a></div>
                         </td>
                     </tr>
 
@@ -1374,8 +1419,8 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="390"
-                                    class="link-to-prism">src/radio/radio-group.component.ts:390</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="408"
+                                    class="link-to-prism">src/radio/radio-group.component.ts:408</a></div>
                         </td>
                     </tr>
 
@@ -1445,8 +1490,8 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="398"
-                                    class="link-to-prism">src/radio/radio-group.component.ts:398</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="416"
+                                    class="link-to-prism">src/radio/radio-group.component.ts:416</a></div>
                         </td>
                     </tr>
 
@@ -1519,8 +1564,8 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="332"
-                                    class="link-to-prism">src/radio/radio-group.component.ts:332</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="336"
+                                    class="link-to-prism">src/radio/radio-group.component.ts:336</a></div>
                         </td>
                     </tr>
 
@@ -1596,8 +1641,8 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="421"
-                                    class="link-to-prism">src/radio/radio-group.component.ts:421</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="439"
+                                    class="link-to-prism">src/radio/radio-group.component.ts:439</a></div>
                         </td>
                     </tr>
 
@@ -1635,8 +1680,8 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="427"
-                                    class="link-to-prism">src/radio/radio-group.component.ts:427</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="445"
+                                    class="link-to-prism">src/radio/radio-group.component.ts:445</a></div>
                         </td>
                     </tr>
 
@@ -1672,8 +1717,8 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="348"
-                                    class="link-to-prism">src/radio/radio-group.component.ts:348</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="352"
+                                    class="link-to-prism">src/radio/radio-group.component.ts:352</a></div>
                         </td>
                     </tr>
 
@@ -1711,8 +1756,8 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="307"
-                                    class="link-to-prism">src/radio/radio-group.component.ts:307</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="311"
+                                    class="link-to-prism">src/radio/radio-group.component.ts:311</a></div>
                         </td>
                     </tr>
 
@@ -1750,8 +1795,8 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
 
                     <tr>
                         <td class="col-md-4">
-                            <div class="io-line">Defined in <a href="" data-line="365"
-                                    class="link-to-prism">src/radio/radio-group.component.ts:365</a></div>
+                            <div class="io-line">Defined in <a href="" data-line="369"
+                                    class="link-to-prism">src/radio/radio-group.component.ts:369</a></div>
                         </td>
                     </tr>
 
@@ -1824,7 +1869,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="277" class="link-to-prism">src/radio/radio-group.component.ts:277</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="279" class="link-to-prism">src/radio/radio-group.component.ts:279</a></div>
                         </td>
                     </tr>
 
@@ -1856,7 +1901,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="293" class="link-to-prism">src/radio/radio-group.component.ts:293</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="295" class="link-to-prism">src/radio/radio-group.component.ts:295</a></div>
                         </td>
                     </tr>
 
@@ -1894,7 +1939,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="289" class="link-to-prism">src/radio/radio-group.component.ts:289</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="291" class="link-to-prism">src/radio/radio-group.component.ts:291</a></div>
                         </td>
                     </tr>
 
@@ -1926,7 +1971,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="281" class="link-to-prism">src/radio/radio-group.component.ts:281</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="283" class="link-to-prism">src/radio/radio-group.component.ts:283</a></div>
                         </td>
                     </tr>
 
@@ -1964,7 +2009,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="285" class="link-to-prism">src/radio/radio-group.component.ts:285</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="287" class="link-to-prism">src/radio/radio-group.component.ts:287</a></div>
                         </td>
                     </tr>
 
@@ -1996,7 +2041,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="273" class="link-to-prism">src/radio/radio-group.component.ts:273</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="275" class="link-to-prism">src/radio/radio-group.component.ts:275</a></div>
                         </td>
                     </tr>
 
@@ -2033,7 +2078,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="410" class="link-to-prism">src/radio/radio-group.component.ts:410</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="428" class="link-to-prism">src/radio/radio-group.component.ts:428</a></div>
                         </td>
                     </tr>
 
@@ -2064,7 +2109,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="415" class="link-to-prism">src/radio/radio-group.component.ts:415</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="433" class="link-to-prism">src/radio/radio-group.component.ts:433</a></div>
                         </td>
                     </tr>
 
@@ -2105,7 +2150,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="268" class="link-to-prism">src/radio/radio-group.component.ts:268</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="270" class="link-to-prism">src/radio/radio-group.component.ts:270</a></div>
                         </td>
                     </tr>
 
@@ -2143,7 +2188,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="206" class="link-to-prism">src/radio/radio-group.component.ts:206</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="208" class="link-to-prism">src/radio/radio-group.component.ts:208</a></div>
                         </td>
                     </tr>
 
@@ -2185,7 +2230,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                     <tr>
                         <td class="col-md-4">
-                                <div class="io-line">Defined in <a href="" data-line="263" class="link-to-prism">src/radio/radio-group.component.ts:263</a></div>
+                                <div class="io-line">Defined in <a href="" data-line="265" class="link-to-prism">src/radio/radio-group.component.ts:265</a></div>
                         </td>
                     </tr>
 
@@ -2196,6 +2241,32 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </td>
             </tr>
 
+        </tbody>
+    </table>
+    <table class="table table-sm table-bordered">
+        <tbody>
+            <tr>
+                <td class="col-md-4">
+                    <a name="subscription"></a>
+                    <span class="name">
+                            <span class="modifier">Private</span>
+                        <span ><b>subscription</b></span>
+                        <a href="#subscription"><span class="icon ion-ios-link"></span></a>
+                    </span>
+                </td>
+            </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <i>Default value : </i><code>new Subscription()</code>
+                    </td>
+                </tr>
+                    <tr>
+                        <td class="col-md-4">
+                                <div class="io-line">Defined in <a href="" data-line="297" class="link-to-prism">src/radio/radio-group.component.ts:297</a></div>
+                        </td>
+                    </tr>
+
+
         </tbody>
     </table>
 </section>
@@ -2220,7 +2291,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="134" class="link-to-prism">src/radio/radio-group.component.ts:134</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="136" class="link-to-prism">src/radio/radio-group.component.ts:136</a></div>
                                 </td>
                             </tr>
                     <tr>
@@ -2238,7 +2309,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="116" class="link-to-prism">src/radio/radio-group.component.ts:116</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="118" class="link-to-prism">src/radio/radio-group.component.ts:118</a></div>
                                 </td>
                             </tr>
                     <tr>
@@ -2298,7 +2369,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="154" class="link-to-prism">src/radio/radio-group.component.ts:154</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="156" class="link-to-prism">src/radio/radio-group.component.ts:156</a></div>
                                 </td>
                             </tr>
                     <tr>
@@ -2316,7 +2387,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="142" class="link-to-prism">src/radio/radio-group.component.ts:142</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="144" class="link-to-prism">src/radio/radio-group.component.ts:144</a></div>
                                 </td>
                             </tr>
                     <tr>
@@ -2376,7 +2447,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="169" class="link-to-prism">src/radio/radio-group.component.ts:169</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="171" class="link-to-prism">src/radio/radio-group.component.ts:171</a></div>
                                 </td>
                             </tr>
                     <tr>
@@ -2394,7 +2465,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="162" class="link-to-prism">src/radio/radio-group.component.ts:162</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="164" class="link-to-prism">src/radio/radio-group.component.ts:164</a></div>
                                 </td>
                             </tr>
                     <tr>
@@ -2454,7 +2525,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="184" class="link-to-prism">src/radio/radio-group.component.ts:184</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="186" class="link-to-prism">src/radio/radio-group.component.ts:186</a></div>
                                 </td>
                             </tr>
                     <tr>
@@ -2476,7 +2547,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="177" class="link-to-prism">src/radio/radio-group.component.ts:177</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="179" class="link-to-prism">src/radio/radio-group.component.ts:179</a></div>
                                 </td>
                             </tr>
                     <tr>
@@ -2536,7 +2607,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="192" class="link-to-prism">src/radio/radio-group.component.ts:192</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="194" class="link-to-prism">src/radio/radio-group.component.ts:194</a></div>
                                 </td>
                             </tr>
                     <tr>
@@ -2558,7 +2629,7 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
                 </tr>
                             <tr>
                                 <td class="col-md-4">
-                                    <div class="io-line">Defined in <a href="" data-line="199" class="link-to-prism">src/radio/radio-group.component.ts:199</a></div>
+                                    <div class="io-line">Defined in <a href="" data-line="201" class="link-to-prism">src/radio/radio-group.component.ts:201</a></div>
                                 </td>
                             </tr>
                     <tr>
@@ -2619,11 +2690,13 @@ Radio selected: {{radio}}</code></pre></div><b>Example :</b><div><pre class="lin
 	HostBinding,
 	AfterViewInit,
 	HostListener,
-	TemplateRef
+	TemplateRef,
+	OnDestroy
 } from &quot;@angular/core&quot;;
 import { NG_VALUE_ACCESSOR, ControlValueAccessor } from &quot;@angular/forms&quot;;
 import { Radio } from &quot;./radio.component&quot;;
 import { RadioChange } from &quot;./radio-change.class&quot;;
+import { Subscription } from &quot;rxjs/internal/Subscription&quot;;
 
 /**
  * Get started with importing the module:
@@ -2716,7 +2789,7 @@ import { RadioChange } from &quot;./radio-change.class&quot;;
 		}
 	]
 })
-export class RadioGroup implements AfterContentInit, AfterViewInit, ControlValueAccessor {
+export class RadioGroup implements AfterContentInit, AfterViewInit, OnDestroy, ControlValueAccessor {
 
 	/**
 	 * Sets the passed in &#x60;Radio&#x60; item as the selected input within the &#x60;RadioGroup&#x60;.
@@ -2901,6 +2974,8 @@ export class RadioGroup implements AfterContentInit, AfterViewInit, ControlValue
 	 */
 	protected _name &#x3D; &#x60;radio-group-${RadioGroup.radioGroupCount++}&#x60;;
 
+	private subscription &#x3D; new Subscription();
+
 	/**
 	 * Updates the selected &#x60;Radio&#x60; to be checked (selected).
 	 */
@@ -2973,17 +3048,27 @@ export class RadioGroup implements AfterContentInit, AfterViewInit, ControlValue
 	 */
 	writeValue(value: any) {
 		this.value &#x3D; value;
-		setTimeout(() &#x3D;&gt; {
-			this.updateSelectedRadioFromValue();
-			this.checkSelectedRadio();
-		});
 	}
 
 	ngAfterContentInit() {
-		this.radios.changes.subscribe(() &#x3D;&gt; {
-			this.updateRadios();
-			this.updateRadioChangeHandler();
-		});
+		this.subscription.add(
+			this.radios.changes.subscribe(() &#x3D;&gt; {
+				if (this.value) {
+					if (this.selected) {
+						this._selected &#x3D; null;
+					}
+					this.updateSelectedRadioFromValue();
+					this.checkSelectedRadio();
+				}
+				this.updateRadios();
+				this.updateRadioChangeHandler();
+			})
+		);
+
+		if (this.value) {
+			this.updateSelectedRadioFromValue();
+			this.checkSelectedRadio();
+		}
 
 		this.updateChildren();
 		this.updateRadioChangeHandler();
@@ -2993,6 +3078,10 @@ export class RadioGroup implements AfterContentInit, AfterViewInit, ControlValue
 		this.updateRadios();
 	}
 
+	ngOnDestroy() {
+		this.subscription.unsubscribe();
+	}
+
 	/**
 	 * Used to set method to propagate changes back to the form.
 	 */