title: Angular: Check when Output Variable in Component Changes?
body: <p>How do I check if Output in Component changes? Then run another method</p>
  
  <p>Here is Parent component,</p>
  
  <p>After it gets data from Child, want to immediately run another event.</p>
  
  <p><strong>Parent HTML:</strong></p>
  
  <pre><code>    &lt;div&gt;
          Address Type:* 
          &lt;app-address-type-dropdown (selectedItemOutput) = "test"&gt;&lt;/app-address-type-dropdown&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p><strong>Parent Typescript:</strong></p>
  
  <p>Goal: When value is outputted, detect changes in this parent, and write console command.</p>
  
  <pre><code>export class AddressFormatheaderFormComponent implements OnInit {
  
  constructor() { }
  public test: any;
  
  public sayHi(){
    console.log(this.test);
   }
  
   ngOnInit() {
   }
  }
  </code></pre>