AngularJS Expression breaks with StencilJS

I have a custom select web component created with StencilJS and I am using it in AngularJS like this:

<my-select>
  <my-option ng-repeat="item in items">
    {{item.value}}
  </my-option>
</my-select>

The problem is that whenever I push a new item on the items array (items.push({key: 'some', value: 'Some Value'})), the expression seems to print also it's own syntax in the DOM like this:

This is the <my-option> StencilJS component structure:

render() {
  return (
    <div class="option-container" onClick={this.selectOption(this)}>
      <slot />
    </div>
  );
}

Any help would be so much appreciated. Thank you.