title: How to force render in Angular for same input?
body: <p>I have an issue where I have an input from a parent component like so</p>
  <p>Parent HTML</p>
  <pre><code>&lt;div&gt;
    &lt;child [childProperty]=&quot;parentProperty&quot;&lt;/child&gt;
  &lt;/div&gt;
  </code></pre>
  <p>And I have a setter so that the child calls a method whenever there is an input or the string &quot;parentProperty&quot; is populated with input.</p>
  <p>Child TS:</p>
  <pre><code>private _childProperty: string;
  
  @Input()
    set childProperty(value: string) {
      this._childProperty = value;
      this.doSomethingWithProperty();
    }
  </code></pre>
  <p>This works well but if the user inputs the same value, angular does not run the setter (I think because it doesn't detect a change?). I need to call &quot;doSomethingWithProperty&quot; even if the input is the same. What is the correct way to do this?</p>
  <p>EDIT:
  To anyone having a similar issue, I ended up just wrapping the string in an object creating a new reference. Not sure if this is the best way to solve this but it works.</p>