https://wtpersonal.stream/tags/angular/Recent content in Angular on WTPersonalHugoenMon, 06 Dec 2021 13:15:46 +0800https://wtpersonal.stream/post/en/memo/angular/Wed, 03 Nov 2021 17:07:04 +0800https://wtpersonal.stream/post/en/memo/angular/<h2 id="contents" class="headerLink"> <a href="#contents" class="header-mark"></a>Contents</h2><ol> <li><a href="bidirectional-data-flow-between-components" rel="">Bidirectional data flow between components(@Input &amp; @Output)</a></li> </ol> <h2 id="bidirectional-data-flow-between-components" class="headerLink"> <a href="#bidirectional-data-flow-between-components" class="header-mark"></a>Bidirectional data flow between components</h2><h3 id="sometimes-not-work-very-well-abandon" class="headerLink"> <a href="#sometimes-not-work-very-well-abandon" class="header-mark"></a>Sometimes, not work very well. ABANDON</h3><ul> <li>@Input value and @Output valueChange cannot detect value change when child component valueChange emit a value, especially, Multiple inheritance.</li> <li>next, try to use @ViewChild or @ViewChildren</li> </ul> <p>Bidirectional data flow between parent component and child component. It uses @Input and @Output decorates the variables. The more Input and Output details are at <a href="https://angular.io/guide/inputs-outputs" target="_blank" rel="noopener noreferrer">official angular guide</a></p>https://wtpersonal.stream/post/memo/angular/angular/Wed, 03 Nov 2021 17:07:04 +0800https://wtpersonal.stream/post/memo/angular/angular/<h2 id="contents" class="headerLink"> <a href="#contents" class="header-mark"></a>Contents</h2><ol> <li><a href="bidirectional-data-flow-between-components" rel="">Bidirectional data flow between components(@Input &amp; @Output)</a></li> </ol> <h2 id="bidirectional-data-flow-between-components" class="headerLink"> <a href="#bidirectional-data-flow-between-components" class="header-mark"></a>Bidirectional data flow between components</h2><h3 id="sometimes-not-work-very-well-abandon" class="headerLink"> <a href="#sometimes-not-work-very-well-abandon" class="header-mark"></a>Sometimes, not work very well. ABANDON</h3><ul> <li>@Input value and @Output valueChange cannot detect value change when child component valueChange emit a value, especially, Multiple inheritance.</li> <li>next, try to use @ViewChild or @ViewChildren</li> </ul> <p>Bidirectional data flow between parent component and child component. It uses @Input and @Output decorates the variables. The more Input and Output details are at <a href="https://angular.io/guide/inputs-outputs" target="_blank" rel="noopener noreferrer">official angular guide</a></p>